slides

colour

opening slide: colour spectrum

Considering common meanings of colour, dynamics and classic colour schemes.

opening slide: colour spectrum
warm/cold colour perception
warm/cold = chromodynamics
colour meanings: red
colour meanings: orange
colour meanings: yellow
colour meanings: green
colour meanings: blue
colour meanings: purple
colour expressions
colour expressions
basic colour combinations
basic colour combination examples
bad combinations with red - blue - green
bad combinations with red - blue - green
bad combinations with red - blue - green
colour scheme monochromatic
monochromatic sample: symbolicons
monochromatic sample: symbolicons
colour scheme analogous
analogous sample: adaptd
analogous sample: adaptd
colour scheme split/complementary
complementary sample: kaleidoscope
complementary sample: kaleidoscope
colour scheme triadic
triadic sample: gift rocket
triadic sample: gift rocket
colour scheme compound
compound sample: you know who
compound sample: you know who
compund sample: duoh , veerle
compund sample: duoh , veerle
compund sample: duoh , veerle
compund sample: duoh , veerle
hue saturation brightness
notes on hue saturation brightness
colour in code : HSLA
colour in code : HEX RGB
colour in code : HSLA picker tool
colour in code : HSLa Explorer, Chris Coyier
vintage poster for LIFE - original colour version
vintage poster for LIFE - desaturated version
vintage poster for LIFE - muted/tinted (blue/green) version
vintage poster for LIFE - heavy saturated (red) version
vintage poster for LIFE - original colour version
credits and references
closing slide

download slides PDF, 7MB (optimised) PDF, 40.1MB (original)

referenced sites

  1. An explanation of colour blindness, Jon Hicks
  2. colour bookmarklet - by wearepandr.com/labs/colour_bookmark (offline)
  3. Symbolicons - symbolicons.com
  4. Adaptd - adaptd.com
  5. Kaleidoscope App - kaleidoscopeapp.com
  6. Gift Rocket - giftrocket.com
  7. You Know Who Design, Sarah Parmenter - youknowwhodesign.com
  8. duoh! - duoh.com
  9. Veerleā€™s blog - veerle.duoh.com

colour references

  1. check browser support for HSLA on caniuse.com
  2. HSLa Explorer, Chris Coyier