Lessons 11 · 1 lessons · N. I. Taylaqov (general editor), A. B. Akhmedov, M. D. Pardayeva, A. A. Abdug‘aniyev, U. M. Mirsanov. Informatics and Information Technologies, Grade 11, 1st edition. “Extremum-press”, Tashkent, 2018
11
Colour systems in PhotoShop
Textbook: pp. 42–45
GoalCompares the additive (RGB) and subtractive (CMYK) colour systems and the HSB system, describes a colour with three parameters and tells complementary, warm and cool colours apart.
New words
RGB: additive system of Red, Green and Blue light, 0–255 each; used by screens · RGBCMYK: subtractive system of Cyan, Magenta, Yellow and blacK inks, in percent; used in printing · CMYKHSB: Hue (0–360°), Saturation (0–100%), Brightness (0–100%); easy for designers · HSBcomplementary colours: colours opposite each other on the colour wheel · to‘ldiruvchi ranglar
Explanation
RGB is an additive system: red, green and blue light add up to give a colour, and the brightness of each runs from 0 to 255, so 256·256·256 = 16 777 216 colours result; it belongs to monitor, phone and television screens. Green and blue make cyan, red and blue make magenta, red and green make yellow, all three at full brightness make white, all zero make black; when R = G = B a grey results. CMYK is a subtractive system: inks absorb part of the light that white paper reflects; the primary colours are cyan, magenta and yellow, and black (blacK) is added because the three inks do not give a pure black in practice and black ink is cheaper; values are given in percent and the system is used in printers, plotters and publishing. HSB is handy for designers: Hue is the angle on the colour wheel: red 0°, yellow 60°, green 120°, cyan 180°, blue 240°, magenta 300°; at Saturation 0% a colour turns grey; at Brightness 0% it is black. Colours opposite each other on the wheel (red–cyan, green–magenta, blue–yellow) are complementary, and if one is taken for the background and the other for the text the writing stands out clearly. Red, orange and yellow are warm and blue and cyan are cool; the effect of colours on mood depends on culture and situation, so it is not a strict rule.
Worked examples
Red (255, 0, 0) and green (0, 255, 0) added at full brightness give (255, 255, 0) – yellow. In CMYK we get it with 100% yellow ink and 0% of the others. For the web the orange RGB (255, 128, 0) is written in hexadecimal as #FF8000: 255 = FF, 128 = 80, 0 = 00.
In HSB let Hue = 30° (orange), Saturation = 100%, Brightness = 100%. Its complement is 180° away on the wheel: 30° + 180° = 210° (toward cyan-blue). If we lower Saturation to 0%, Hue no longer matters and the colour becomes white (at Brightness 100%) or grey.
Class activity
“Colour wheel”: students draw an HSB wheel on paper, write the angles of the six main colours, find the three complementary pairs and choose a “background + text” pair for a poster.
Practice
1
Where are the RGB and CMYK systems used?
RGB – on screens (monitor, phone); CMYK – in printing (printers, publishing).
2
How many colours are there in an RGB system with only 4 brightness levels (2 bits) per channel?
64
3
What is the hexadecimal form of RGB (30, 144, 255)?
#1E90FF
4
Why does CMYK have a fourth ink, black, instead of only three?
A mixture of the three inks does not give a pure black (a brownish grey results), while black ink is cheap and gives sharper text.