representation of the visual spectrum (monitor etc will distort this a lot!)
Very rough idea of luminance response of the eye. Solid curve is high level (Photopic) and dotted curve is low level (Scotopic). The eye's sensitivity drops dramatically towards the edges of the spectrum.
Rough sensitivity of the cones against wavelength (hand drawn!). These three signals are mixed in a complex way in the brain/eye into what we perceive. For example it has been suggested that nerve signals include: rho-gamma, gamma-beta, beta-rho and differences of these intermediates! Basically there seems to be a redness-greeness signal and a blue-yellow signal as well as brightness.
here the square on the left looks darker because it is surrounded by a relatively lighter area. So the contrast of an area depends on its surround. This means surround areas affect the overall brightness of a picture for example.
This is also true with brighter colours. The yellow area above right makes the central square seem darker, however it can also make the central area change hue.
in the above example the surrounds are roughly the same brightness (depending on your monitor!) and the central patch is also the same. Notice the disturbing appearance due to the lack of brightness edge around the borders! This can happen when text and background colours are chosen poorly. This emphasises the importance of brightness contrast over colour contrast for clarity.
In general avoid overlaying adjacent colours in the hue circle, to ensure higher contrast and avoid problems with colour-deficient sight.
Experiment to show adaption and slow recovery
Rough idea of the CIE colour-matching functions for the 1931 Standard Colorimetric Observer (hand-drawn)
The XYZ values are obtained from the integrals of these three xyz-bar curves with an illuminant curve and object reflectance spectrum.
This is a chromaticity diagram and shows two colour coordinates x,y. Y correlates approximately with brightness but X and Z are harder to visualise so x,y chromaticity values are based on ratios of the tristimulus values XYZ:
x = X/(X + Y + Z)
y = Y/(X + Y + Z)
z = Z/(X + Y + Z)
because they are ratios x + y + z = 1 so z is not needed if x and y are used. Usually Yxy is quoted for a colour.
Note that around the curved area of the above diagram lies the pure spectral colours. A CRT monitor will occupy a triangle inside its three phosphor colours and can not display all colours. Also note that the space is not uniform: moving a distance in the green area gives a smaller colour difference than the same distance in the blue area for example. So it is difficult to predict colour differences (and quantisation is not efficient).
Note how moving from the centre out increases saturation and rotating around the centre changes hue. These are more perceptually understandable parameters.
L* = 903.3(Y/Yn) otherwise
a*= 500[(X/Xn)1/3 - (Y/Yn)1/3 ]
b* = 500[(Y/Yn)1/3 - (Z/Zn)1/3 ]
through Lab space
Mondrian. composition with red, yellow and blue (1928)
Note the balancing of the colour areas, the yellow block is smallest for example. Images can look "top-heavy" etc by the placement of colours.
Similarly colours have certain associations:
Blue is "cool"
Redish colours are "warm"
Yellows are "lively" and bright
Greys can be "formal" and dull
Red can be used to attract attention etc.
However cultural differences occur! - a negative red used in a CANCEL makes sense in the west but in eastern cultures read can be positive/affirmative, so there would be a clash.
Look at the EPSON
Look at further examples of colour design
W. N. Sproson, Colour Science in Television and Display Systems, Hilger, Bristol, 1983
W. S. Stiles and G. Wyszeski, Colour Science, 2nd Ed., Wiley, 1982.
Design for people
with colour-deficient sight
Kirk Martinez 2000 (some content from Hunt and the Web!) EPSON Colour guide is copyright Seiko Epson.