Oblique slices of a color cube.
Version of 12 July 2008.
Dave Barber's other pages.

Modern computer software offers a variety of methods for specifying the colors of items to be drawn on a monitor; perhaps the best known of all is the red-green-blue model. This is certainly the direct approach, because within the hardware of nearly all color computer displays each pixel is divided into three subpixels, one red, one green, and one blue. Why three colors? The answer is derived from the fact that most human beings exhibit vision that is trichromatic, the eye having three types of cones each sensitive to a different range of wavelengths of light.

To use other than three colors in display design is possible. Some researchers have proposed using more than three colors to achieve a more faithful rendition. Meanwhile, advertisers sometimes erect large (measured in square meters) two-color display signs along major highways, using red and green subpixels but omitting blue. However, these non-tricolor implementations will be not investigated in this report.

In most display equipment, the color of a subpixel is determined by the substances of which it is made, with different chemicals emitting different wavelengths. Because many light-emissive materials are available, an engineer can select among several candidate reds, several greens, and several blues. Naturally, the engineer wants the equipment to be able to produce as many different colors as possible, but this must be balanced against matters such as the cost of materials and the consumption of power. For practical reasons then, no display purports to generate all the extremes of color perceivable by a human with normal vision — see sRGB for an example of the limitations. Further, real-world equipment is limited in granularity: in other words, a display might not be able to show both of two colors which are very nearly the same but still distinguishable by a human. Finally, color perception varies from person to person.

Subpixels on the typical computer monitor are so small that to a human viewing the screen from a normal distance (30 cm or more) they seem to merge. Even more, the pixels themselves are often so small that they too merge with one another. By contrast, many displays built before 1980 had pixels so coarse that they were readily discernable to a human viewer at normal distance.

The brightness of each subpixel can be controlled independently, yielding a broad assortment of colors. For instance, if a pixel's red subpixel is lit at full brightness, its green at mid-brightness, and its blue is turned off, an orange color will result. Because the human perception of brightness is not related in a simple way to the power supplied to a subpixel, some equipment uses correction techniques to make colors seem evenly spaced.

Application software frequently offers other ways to specify colors that are ultimately converted to red, green, and blue intensities — a well-known system is hue-saturation-brightness. Also, many applications allow the user to indicate red, green and blue intensities for images to be printed, even though those images are ultimately translated to some other color model, perhaps cyan-magenta-yellow-black.

Computer systems built since the year 2000 frequently support 256 levels of intensity for each of the subpixels; this number was selected for two reasons. The first is a matter of convenience: most computer hardware organizes storage into bytes, and a byte can contain 256 different values. The second is a matter of sufficiency: 256 brightness levels in each of red, green and blue gives a color space that is widely regarded as satisfactory because it produces a large and useful subset of the range of those colors that the human eye can detect, with granularity that approximates the distinguishing power of the human eye.

Because the red, green, and blue intensities can be specified separately, a table of all the colors that a particular computer screen can realize (the gamut) would naturally arrange itself into a three-dimensional figure. However, a computer screen has only two dimensions, so some compromise must be made in portraying the display's gamut on the display itself. The approach chosen for this report is to place the monitor colors into a cube, and then to slice the cube in a number of directions to obtain various cross sections. Included are oblique sections, which rarely appear in other web sites that dissect the color cube — one of the few is from Will Johnston.


Table two, near the bottom of this page, contains links to a number of charts containing slices of the color cube. Assumed throughout is that each of the red, green, and blue intensities is stored in one byte, and hence has 256 possible values. Zero denotes a subpixel that is completely dark, and 255 a pixel at maximum brightness, with intermediate numbers for intermediate brightnesses.

A complication must be addressed, because in computer science there are two oft-used ways of expressing numbers, and both appear widely in color specifications. One method is decimal notation, which is surely familiar to the reader; the alternative is hexadecimal, which is convenient for many computer purposes because it corresponds closely to the bits at the heart of computer storage. Table one, immediately below, is a conversion chart between hexadecimal integer, decimal integer, and decimal percentage. For instance, 43 in hexadecimal equals 67 in decimal, and can also be denoted as 26.27 percent. In bold are boxes containing hexadecimal numbers with repeated digits; these values are convenient, but not requisite, for specifying colors.

Table one.
Hexadecimal top
Decimal middle
Percentage bottom
00
0
0.00
01
1
0.39
02
2
0.78
03
3
1.18
04
4
1.57
05
5
1.96
06
6
2.35
07
7
2.75
08
8
3.14
09
9
3.53
0A
10
3.92
0B
11
4.31
0C
12
4.71
0D
13
5.10
0E
14
5.49
0F
15
5.88
10
16
6.27
11
17
6.67
12
18
7.06
13
19
7.45
14
20
7.84
15
21
8.24
16
22
8.63
17
23
9.02
18
24
9.41
19
25
9.80
1A
26
10.20
1B
27
10.59
1C
28
10.98
1D
29
11.37
1E
30
11.76
1F
31
12.16
20
32
12.55
21
33
12.94
22
34
13.33
23
35
13.73
24
36
14.12
25
37
14.51
26
38
14.90
27
39
15.29
28
40
15.69
29
41
16.08
2A
42
16.47
2B
43
16.86
2C
44
17.25
2D
45
17.65
2E
46
18.04
2F
47
18.43
30
48
18.82
31
49
19.22
32
50
19.61
33
51
20.00
34
52
20.39
35
53
20.78
36
54
21.18
37
55
21.57
38
56
21.96
39
57
22.35
3A
58
22.75
3B
59
23.14
3C
60
23.53
3D
61
23.92
3E
62
24.31
3F
63
24.71
40
64
25.10
41
65
25.49
42
66
25.88
43
67
26.27
44
68
26.67
45
69
27.06
46
70
27.45
47
71
27.84
48
72
28.24
49
73
28.63
4A
74
29.02
4B
75
29.41
4C
76
29.80
4D
77
30.20
4E
78
30.59
4F
79
30.98
50
80
31.37
51
81
31.76
52
82
32.16
53
83
32.55
54
84
32.94
55
85
33.33
56
86
33.73
57
87
34.12
58
88
34.51
59
89
34.90
5A
90
35.29
5B
91
35.69
5C
92
36.08
5D
93
36.47
5E
94
36.86
5F
95
37.25
60
96
37.65
61
97
38.04
62
98
38.43
63
99
38.82
64
100
39.22
65
101
39.61
66
102
40.00
67
103
40.39
68
104
40.78
69
105
41.18
6A
106
41.57
6B
107
41.96
6C
108
42.35
6D
109
42.75
6E
110
43.14
6F
111
43.53
70
112
43.92
71
113
44.31
72
114
44.71
73
115
45.10
74
116
45.49
75
117
45.88
76
118
46.27
77
119
46.67
78
120
47.06
79
121
47.45
7A
122
47.84
7B
123
48.24
7C
124
48.63
7D
125
49.02
7E
126
49.41
7F
127
49.80
80
128
50.20
81
129
50.59
82
130
50.98
83
131
51.37
84
132
51.76
85
133
52.16
86
134
52.55
87
135
52.94
88
136
53.33
89
137
53.73
8A
138
54.12
8B
139
54.51
8C
140
54.90
8D
141
55.29
8E
142
55.69
8F
143
56.08
90
144
56.47
91
145
56.86
92
146
57.25
93
147
57.65
94
148
58.04
95
149
58.43
96
150
58.82
97
151
59.22
98
152
59.61
99
153
60.00
9A
154
60.39
9B
155
60.78
9C
156
61.18
9D
157
61.57
9E
158
61.96
9F
159
62.35
A0
160
62.75
A1
161
63.14
A2
162
63.53
A3
163
63.92
A4
164
64.31
A5
165
64.71
A6
166
65.10
A7
167
65.49
A8
168
65.88
A9
169
66.27
AA
170
66.67
AB
171
67.06
AC
172
67.45
AD
173
67.84
AE
174
68.24
AF
175
68.63
B0
176
69.02
B1
177
69.41
B2
178
69.80
B3
179
70.20
B4
180
70.59
B5
181
70.98
B6
182
71.37
B7
183
71.76
B8
184
72.16
B9
185
72.55
BA
186
72.94
BB
187
73.33
BC
188
73.73
BD
189
74.12
BE
190
74.51
BF
191
74.90
C0
192
75.29
C1
193
75.69
C2
194
76.08
C3
195
76.47
C4
196
76.86
C5
197
77.25
C6
198
77.65
C7
199
78.04
C8
200
78.43
C9
201
78.82
CA
202
79.22
CB
203
79.61
CC
204
80.00
CD
205
80.39
CE
206
80.78
CF
207
81.18
D0
208
81.57
D1
209
81.96
D2
210
82.35
D3
211
82.75
D4
212
83.14
D5
213
83.53
D6
214
83.92
D7
215
84.31
D8
216
84.71
D9
217
85.10
DA
218
85.49
DB
219
85.88
DC
220
86.27
DD
221
86.67
DE
222
87.06
DF
223
87.45
E0
224
87.84
E1
225
88.24
E2
226
88.63
E3
227
89.02
E4
228
89.41
E5
229
89.80
E6
230
90.20
E7
231
90.59
E8
232
90.98
E9
233
91.37
EA
234
91.76
EB
235
92.16
EC
236
92.55
ED
237
92.94
EE
238
93.33
EF
239
93.73
F0
240
94.12
F1
241
94.51
F2
242
94.90
F3
243
95.29
F4
244
95.69
F5
245
96.08
F6
246
96.47
F7
247
96.86
F8
248
97.25
F9
249
97.65
FA
250
98.04
FB
251
98.43
FC
252
98.82
FD
253
99.22
FE
254
99.61
FF
255
100.00

Each color sample in the charts bears a legend similar to this one:

A2
2E
00

These hexadecimal numbers mean that the red intensity is A2, green is 2E, and blue is 00. Decimal equivalents are 162, 46, and 0 respectively. As percentages of the maximum, they would be calculated as 63.53, 18.04, and 0.00.

In the 2-, 4- and 6-level charts of table two, the hexadecimal notations for the intensities happen to use repeated digits. In contrast, the 12-level charts contain little repetition. Within each chart, the intensities are spaced as evenly as possible from a numerical point of view; they may not seem evenly spaced to the eye, depending on the equipment on which the colors are viewed. Only a few of the 16,777,216 possible colors are included in the charts of table two, but the ones that do appear (especially in the 12-level charts) should help a graphical designer infer what the others look like.

Table two.
Orientation Starting and ending colors 2 Levels 4 Levels 6 Levels 12 Levels
Face to Face

Each slice is parallel to some face of the cube.
Blk-Red-Blu-Mag to Grn-Yel-Cyn-Wht 2 pages 4 pages 6 pages 12 pages
Blk-Grn-Red-Yel to Blu-Cyn-Mag-Wht 2 pages 4 pages 6 pages 12 pages
Blk-Blu-Grn-Cyn to Red-Mag-Yel-Wht 2 pages 4 pages 6 pages 12 pages
Edge to Edge

Each slice is parallel to some edge of the cube, and perpendicular to a diagonal of some face of the cube.
Blk-Red to Cyn-Wht 3 pages 7 pages 11 pages 23 pages
Blk-Grn to Mag-Wht 3 pages 7 pages 11 pages 23 pages
Blk-Blu to Yel-Wht 3 pages 7 pages 11 pages 23 pages
Red-Yel to Blu-Cyn 3 pages 7 pages 11 pages 23 pages
Blu-Mag to Grn-Yel 3 pages 7 pages 11 pages 23 pages
Grn-Cyn to Red-Mag 3 pages 7 pages 11 pages 23 pages
Corner to Corner

Each slice is perpendicular to a diagonal of the body of the cube.
Blk to Wht 4 pages 10 pages 16 pages 34 pages
Cyn to Red 4 pages 10 pages 16 pages 34 pages
Mag to Grn 4 pages 10 pages 16 pages 34 pages
Yel to Blu 4 pages 10 pages 16 pages 34 pages

Here are the color abbreviations:

Blk
Black
Red
Red
Grn
Green
Blu
Blue
Yel
Yellow
Mag
Magenta
Cyn
Cyan
Wht
White
               


The 6-level charts above contain what have been called the "browser-safe" colors. Many computers of the 1990s were limited by their hardware to rendering only 256 colors, and had to use dithering to simulate other colors. Typical machines included all 216 colors of the 6 x 6 x 6 color cube among the 256, and used the remaining 40 for system-specific purposes.

An example is the default palette of AppleWorks version 6.2.9. This collection includes all 216 of the 6-level colors, plus extra grays, reds, greens and blues. All 256 of these colors can be written with double digits in hexadecimal. The irregular arrangement in this chart reflects the difficulty in finding an orderly way to display the color cube in only two dimensions.