HTML colors. Description of the fundamentals of the RGB color system with a view to its later use in HTML pages .
Summary
[ hide ]
- 1 Theoretical foundation
- 2 Color chart
- 3 See also
- 4 External links
theoretical foundation
The RGB color palette (RVA in Spanish) basically consists of three color primary additive : R eye – V reen – A zul . These additive primary colors, in HTML, are represented by three hexadecimal pairs of the type 0xHH-HH-HH according to the following format: (the basic or primary colors, not those that are the result of mixtures)
#RRGGBB (= #RRVVAA)
The values that each of the three hexadecimal pairs can take range from 0x00 (0 decimal) to 0xFF (255 decimal). The higher the value of the pair, the greater the intensity (hue, brightness or clarity) of the color corresponding to that pair (and vice versa). This implies that the lower end of the chromatic scale starts from a minimum color intensity (degree) ( null = par 0x00), passes through a medium color intensity ( medium = par 0x80 [128 decimal]) until reaching an intensity of maximum color ( saturated = par 0xFF). The highest degree of purity ( absolute ) of an additive primary color will be determined by the total presence of the same ( saturation = 0xFF) together with the total absence (nullity = 0x00) of the other two additive primary colors.
In addition to these three additive primary colors (RVA), there are three subtractive primary colors or CMY (CMA in Spanish): C ian – M agenta- A yellow . These colors arise from the following combination (mixture) of the additive primaries:
Cyan = Green + Blue
Magenta = Red + Blue
Yellow = Red + Green
Regarding its degree of purity, the opposite occurs to additive primary colors, since the absolute degree will be determined by the nullity of one of its components and the saturation of the other two. The complementary colors of the primaries, both additive and subtractive, will be reciprocally:
Red ? Cyan
Green? Magenta
Blue ? Yellow
The simultaneous combination of the three saturated additive primaries produces the blank (0xFFFFFF). In contrast, the simultaneous combination of the three null subtractive primaries produces black (0x000000). It is also clear that the combination of two mutually complementary colors will produce white, in the same way that the subtraction (absorption) of both will give rise to black ( total absence of color ). Thus, p. For example, red (0xFF0000) plus its complement that is cyan (0x00FFFF), generate white (0xFFFFFF). In fact, cyan is nothing more than the subtraction of red from white. Note the following graphs:
For its part, the medium gray (0x808080), which is the exact middle ground between black and white, will be obtained from the simultaneous combination of the three medium additive primaries . Similarly, the gray semisaturated (light) is obtained from the combination 0xC0C0C0, while the gray seminulo (dark) by 0x404040. In this way, we have that the rest of the colors, which are between black (0x000000) and white (0xFFFFFF), arise from the combination of the three additive primaries in different degrees. In other words: simply replace each of the 0xHH-HH-HH pairs with a value between 0x00 and 0xFF to obtain any of the possible colors.
Although in practice, there may be some combinations that are not valid. That used to be the case when the largest color palette had 256 colors. Therefore, there are 216 safe colors that will be visible on any device without the need for dithering . (another 40 for the system), some of which are shown here.
Color chart
| HTML name |
Hex code
R G B |
Decimal code
R G B |
| Red colors |
|
|
| IndianRed |
CD5C5C |
205 92 92 |
| LightCoral |
F08080 |
240 128 128 |
| Salmon |
FA8072 |
250 128 114 |
| DarkSalmon |
E9967A |
233 150 122 |
| LightSalmon |
FFA07A |
255 160 122 |
| Crimson |
DC143C |
220 20 60 |
| Net |
FF0000 |
255 0 0 |
| Firebrick |
B22222 |
178 34 34 |
| DarkRed |
8B0000 |
139 0 0 |
| Pink colors |
|
|
| Pink |
FFC0CB |
255 192 203 |
| LightPink |
FFB6C1 |
255 182 193 |
| Hotpink |
FF69B4 |
255 105 180 |
| Deeppink |
FF1493 |
255 20 147 |
| MediumVioletRed |
C71585 |
199 21 133 |
| PaleVioletRed |
DB7093 |
219 112 147 |
| Orange colors |
|
|
| LightSalmon |
FFA07A |
255 160 122 |
| Coral |
FF7F50 |
255 127 80 |
| Tomato |
FF6347 |
255 99 71 |
| OrangeRed |
FF4500 |
255 69 0 |
| DarkOrange |
FF8C00 |
255 140 0 |
| Orange |
FFA500 |
255 165 0 |
| Yellow colors |
|
|
| Gold |
FFD700 |
255 215 0 |
| Yellow |
FFFF00 |
255 255 0 |
| LightYellow |
FFFFE0 |
255 255 224 |
| LemonChiffon |
FFFACD |
255 250 205 |
| LightGoldenrodYellow |
FAFAD2 |
250 250 210 |
| PapayaWhip |
FFEFD5 |
255 239 213 |
| Moccasin |
FFE4B5 |
255 228 181 |
| PeachPuff |
FFDAB9 |
255 218 185 |
| PaleGoldenrod |
EEE8AA |
238 232 170 |
| Khaki |
F0E68C |
240 230 140 |
| DarkKhaki |
BDB76B |
189 183 107 |
| Purple colors |
|
|
| Lavender |
E6E6FA |
230 230 250 |
| Thistle |
D8BFD8 |
216 191 216 |
| Plum |
DDA0DD |
221 160 221 |
| Violet |
EE82EE |
238 130 238 |
| Orchid |
DA70D6 |
218 112 214 |
| Fuchsia / Magenta |
FF00FF |
255 0 255 |
| MediumOrchid |
BA55D3 |
186 85 211 |
| MediumPurple |
9370DB |
147 112 219 |
| BlueViolet |
8A2BE2 |
138 43 226 |
| DarkViolet |
9400D3 |
148 0 211 |
| Darkorchid |
9932CC |
153 50 204 |
| DarkMagenta |
8B008B |
139 0 139 |
| Purple |
800080 |
128 0 128 |
| Indigo |
4B0082 |
75 0 130 |
| SlateBlue |
6A5ACD |
106 90 205 |
| DarkSlateBlue |
483D8B |
72 61 139 |
|
| HTML name |
Hex code
R G B |
Decimal code
R G B |
| Green colors |
|
|
| GreenYellow |
ADFF2F |
173 255 47 |
| Chartreuse |
7FFF00 |
127 255 0 |
| LawnGreen |
7CFC00 |
124 252 0 |
| Lime |
00FF00 |
0 255 0 |
| LimeGreen |
32CD32 |
50 205 50 |
| PaleGreen |
98FB98 |
152 251 152 |
| Lightgreen |
90EE90 |
144 238 144 |
| MediumSpringGreen |
00FA9A |
0 250 154 |
| Springgreen |
00FF7F |
0 255 127 |
| MediumSeaGreen |
3CB371 |
60 179 113 |
| SeaGreen |
2E8B57 |
46 139 87 |
| Forestgreen |
228B22 |
34 139 34 |
| Green |
008000 |
0 128 0 |
| Darkgreen |
006400 |
0 100 0 |
| Yellowgreen |
9ACD32 |
154 205 50 |
| OliveDrab |
6B8E23 |
107 142 35 |
| Olive |
808000 |
128 128 0 |
| DarkOliveGreen |
556B2F |
85 107 47 |
| MediumAquamarine |
66CDAA |
102 205 170 |
| DarkSeaGreen |
8FBC8F |
143 188 143 |
| LightSeaGreen |
20B2AA |
32 178 170 |
| DarkCyan |
008B8B |
0 139 139 |
| Teal |
008080 |
0 128 128 |
| Blue colors |
|
|
| Aqua / Cyan |
00FFFF |
0 255 255 |
| LightCyan |
E0FFFF |
224 255 255 |
| PaleTurquoise |
AFEEEE |
175 238 238 |
| Aquamarine |
7FFFD4 |
127 255 212 |
| Turquoise |
40E0D0 |
64 224 208 |
| MediumTurquoise |
48D1CC |
72 209 204 |
| DarkTurquoise |
00CED1 |
0 206 209 |
| CadetBlue |
5F9EA0 |
95 158 160 |
| SteelBlue |
4682B4 |
70 130 180 |
| LightSteelBlue |
B0C4DE |
176 196 222 |
| PowderBlue |
B0E0E6 |
176 224 230 |
| LightBlue |
ADD8E6 |
173 216 230 |
| SkyBlue |
87CEEB |
135 206 235 |
| LightSkyBlue |
87CEFA |
135 206 250 |
| DeepSkyBlue |
00BFFF |
0 191 255 |
| DodgerBlue |
1E90FF |
30 144 255 |
| CornflowerBlue |
6495ED |
100 149 237 |
| MediumSlateBlue |
7B68EE |
123 104 238 |
| RoyalBlue |
4169E1 |
65 105 225 |
| Blue |
0000FF |
0 0 255 |
| MediumBlue |
0000CD |
0 0 205 |
| Darkblue |
00008B |
0 0 139 |
| Navy |
000080 |
0 0 128 |
| MidnightBlue |
191970 |
25 25 112 |
|
| HTML name |
Hex code
R G B |
Decimal code
R G B |
| Brown colors |
|
|
| Cornsilk |
FFF8DC |
255 248 220 |
| Blanched almond |
FFEBCD |
255 235 205 |
| Bisque |
FFE4C4 |
255 228 196 |
| NavajoWhite |
FFDEAD |
255 222 173 |
| Wheat |
F5DEB3 |
245 222 179 |
| BurlyWood |
DEB887 |
222 184 135 |
| So |
D2B48C |
210 180 140 |
| Rosybrown |
BC8F8F |
188 143 143 |
| SandyBrown |
F4A460 |
244 164 96 |
| Goldenrod |
DAA520 |
218 165 32 |
| DarkGoldenrod |
B8860B |
184 134 11 |
| Peru |
CD853F |
205 133 63 |
| Chocolate |
D2691E |
210 105 30 |
| SaddleBrown |
8B4513 |
139 69 19 |
| Sienna |
A0522D |
160 82 45 |
| Brown |
A52A2A |
165 42 42 |
| Maroon |
800000 |
128 0 0 |
| White colors |
|
|
| White |
FFFFFF |
255 255 255 |
| Snow |
FFFAFA |
255 250 250 |
| Honeydew |
F0FFF0 |
240 255 240 |
| MintCream |
F5FFFA |
245 255 250 |
| Azure |
F0FFFF |
240 255 255 |
| AliceBlue |
F0F8FF |
240 248 255 |
| GhostWhite |
F8F8FF |
248 248 255 |
| WhiteSmoke |
F5F5F5 |
245 245 245 |
| Seashell |
FFF5EE |
255 245 238 |
| Beige |
F5F5DC |
245 245 220 |
| OldLace |
FDF5E6 |
253 245 230 |
| FloralWhite |
FFFAF0 |
255 250 240 |
| Ivory |
FFFFF0 |
255 255 240 |
| AntiqueWhite |
FAEBD7 |
250 235 215 |
| Linen |
FAF0E6 |
250 240 230 |
| LavenderBlush |
FFF0F5 |
255 240 245 |
| MistyRose |
FFE4E1 |
255 228 225 |
| Gray colors |
|
|
| Gainsboro |
DCDCDC |
220 220 220 |
| LightGrey |
D3D3D3 |
211 211 211 |
| Silver |
C0C0C0 |
192 192 192 |
| DarkGray |
A9A9A9 |
169 169 169 |
| Gray |
808080 |
128 128 128 |
| DimGray |
696969 |
105 105 105 |
| LightSlateGray |
778899 |
119 136 153 |
| SlateGray |
708090 |
112 128 144 |
| DarkSlateGray |
2F4F4F |
47 79 79 |
| Black |
000000 |
0 0 0 |
|
There are 16,777,216 different combinations.