Lilac code. HTML tutorial. RGB colors. Safe palette colors. CSS Colors - RGB Values
Table (palette) of colors html gives you the opportunity to independently choose the tone you need. The color value is displayed in three formats: Hex, RGB and HSV.
- Hex consists of three two-character values in the hexadecimal number system. For example: #ff00b3, where the first pair of numbers is red, the second is green, and the third is blue.
- RGB (RedGreenBlue) has the form "200,100,255", indicating the amount of the corresponding tone (red, green, blue) in the resulting color.
- HSV (Hue, Saturation, Value - tone, saturation, value) - a color model in which the coordinates are:
- Hue - color tone, can vary from 0° to 360°.
- Saturation - saturation, varies from 0-100 or 0-1. The higher this parameter, the “purer” the color, which is why this parameter is sometimes called color purity. And the closer this parameter is to zero, the closer the color is to neutral gray.
- Value (color value) - sets the brightness, the value can also vary between 0-100 or 0-1.
Enter color code: GO
List of colors with names
The table lists the English color names (which can be used as values) supported by all browsers and their hexadecimal values. All colors listed are “safe”, meaning they will appear the same in all browsers.
Color name | HEX | Color |
---|---|---|
Black | #000000 | |
Navy | #000080 | |
Dark Blue | #00008B | |
Medium Blue | #0000CD | |
Blue | #0000FF | |
DarkGreen | #006400 | |
Green | #008000 | |
Teal | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
DarkTurquoise | #00CED1 | |
MediumSpringGreen | #00FA9A | |
Lime | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
Midnight Blue | #191970 | |
DodgerBlue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
SeaGreen | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
LimeGreen | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Turquoise | #40E0D0 | |
RoyalBlue | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
MediumTurquoise | #48D1CC | |
Indigo | #4B0082 | |
DarkOliveGreen | #556B2F | |
Cadet Blue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Slate Gray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
Chartreuse | #7FFF00 | |
Aquamarine | #7FFFD4 | |
Maroon | #800000 | |
Purple | #800080 | |
Olive | #808000 | |
Gray | #808080 | |
SkyBlue | #87CEEB | |
LightSkyBlue | #87CEFA | |
BlueViolet | #8A2BE2 | |
DarkRed | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
LightGreen | #90EE90 | |
MediumPurple | #9370D8 | |
DarkViolet | #9400D3 | |
PaleGreen | #98FB98 | |
DarkOrchid | #9932CC | |
YellowGreen | #9ACD32 | |
Sienna | #A0522D | |
Brown | #A52A2A | |
DarkGray | #A9A9A9 | |
Light Blue | #ADD8E6 | |
GreenYellow | #ADFF2F | |
PaleTurquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
MediumOrchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
Dark Khaki | #BDB76B | |
Silver | #C0C0C0 | |
MediumVioletRed | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Chocolate | #D2691E | |
Tan | #D2B48C | |
LightGray | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Thistle | #D8BFD8 | |
Orchid | #DA70D6 | |
GoldenRod | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Plum | #DDA0DD | |
BurlyWood | #DEB887 | |
LightCyan | #E0FFFF | |
Lavender | #E6E6FA | |
DarkSalmon | #E9967A | |
Violet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Azure | #F0FFFF | |
SandyBrown | #F4A460 | |
Wheat | #F5DEB3 | |
Beige | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Salmon | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Linen | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
Red | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
DeepPink | #FF1493 | |
OrangeRed | #FF4500 | |
Tomato | #FF6347 | |
HotPink | #FF69B4 | |
Coral | #FF7F50 | |
Darkorange | #FF8C00 | |
LightSalmon | #FFA07A | |
Orange | #FFA500 | |
LightPink | #FFB6C1 | |
Pink | #FFC0CB | |
Gold | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Moccasin | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanched Almond | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
SeaShell | #FFF5EE | |
Cornsilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Snow | #FFFAFA | |
Yellow | #FFFF00 | |
LightYellow | #FFFFE0 | |
Ivory | #FFFFFF0 | |
White | #FFFFFF |
HTML colors are indicated by six characters after the slash character - for example, #000000. These six symbols represent the proportions of the different colors (Red, Green, Blue) in the final color. On your computer monitor, the image is formed from a huge number of dots called pixels. Each pixel is a small light source, let's call it a "flashlight", which in turn consists of three flashlights - red, green and blue. By decreasing or increasing the intensity of the glow of individual colored flashlights, we obtain the desired color.
HTML color codes
Colors in HTML are represented by a hexadecimal (HEX) notation of red, blue, and green (RGB).
The smallest color value is 0 (hexadecimal 00). The highest color value is 255 (hex FF).
The hexadecimal color value is three digits starting with the # sign.
Color codes (meanings)
Color | HEX code | RGB code |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 million shades
Combining red, blue, and green with values ranging from 0 to 255 for the percentage of each color results in a total of over 16 million shades (256 x 256 x 256).
Most modern monitors are capable of displaying at least 16,384 different shades (LCD monitors are generally capable of displaying 262 thousand 16 million (updated October 2013) colors, and CRT monitors can display a virtually unlimited number of colors).
The color table below shows the change in the proportion of red from 0 to 255 with zero values for blue and green:
Red | HEX code | RGB code |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Shades of Gray
To obtain shades of gray, equal shares of all colors are used. To make it easier for you to choose the right color, we provide you with gray shade codes
Shades of Gray | HEX code | RGB code |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Cross-browser (all browsers) html color names
A collection of 150 color names in html, supported in all browsers.
Standardized color names
The W3C lists 16 valid color names for HTML and CSS: aqua, black, blue, fuchsia, gray, green, lime, maroon (chestnut), navy (ultramarine), olive (olive), purple (purple), red (red), silver (silver), teal (gray), white (white) and yellow (yellow).
When using colors not included in this list, it is more correct to use their hexadecimal (HEX) code or RGB code.
Safe colors
Several years ago, when computers could support a maximum of 256 different colors, a list of 216 "Web Safe Colors" was proposed, with 40 colors reserved for the system.
This 216-color palette was created to properly display colors in the 256-color palette mode.
Now this doesn't matter because most computers around the world support millions of shades of color. In any case, here is a list of these colors:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
For html pages, colors are indicated mainly in the hexadecimal system. To do this, two types of code recording are used - full or abbreviated. To correctly indicate the html color in full, you need to write six characters (numbers and/or English letters) after the hash mark, for example, black is written like this: #000000. The shorthand for specifying html colors consists of a hash and three numbers and/or letters behind it. However, this type of stock can only be used if the complete record of a given color consists of identical symbols after the hash mark. For example, the same black color can be written like this: #000. You can specify html colors using both large and small characters, since they are not case sensitive.
Each character written after "#" corresponds to a certain proportion of the colors red, green and blue. In turn, all monitors consist of a huge number of pixels (microscopic dots), each of which includes 3 so-called “flashlights” (light sources): red, green and blue. Then, by adjusting the intensity of the light emitted by these “flashlights”, the monitor displays the color we need.
By combining the emission intensity of red, blue and green light (from 0 to 256), monitors can display 16,000,000 different shades.
Also, colors for websites can be indicated verbally or in RGB code.
Today, 147 colors can be written verbally. It is important to know that some different names can mean the same colors, for example Gray and Gray are the color gray (#808080).
Safe colors for websites.
Not every monitor and browser can correctly display all 16 million html colors.
If, for example, you come across a color that the browser cannot display correctly, then:
- The browser replaces it with the one that is most similar to it and can be successfully reproduced;
- To display correctly, the browser can mix several colors and reproduce the result.
To ensure that the output in any browser and on any monitor is the color that you specified in the code, it is recommended to use “Safe Colors”. They were determined not manually or by someone else's desire, but mathematically. There are 216 such 100% safe colors for HTML documents. And although today’s technologies have reached the point where modern monitors and browsers recognize millions of shades, we recommend using these safe colors to guarantee color rendering.
Hexadecimal color system. | Color codes in RGB (Red, Green, Blue). |
HTML color code: #000000 | RGB color: 0 0 0 |
HTML color code: #333333 | RGB color: 51 51 51 |
HTML color code: #666666 | RGB color: 102 102 102 |
HTML color code: #999999 | RGB color: 153 153 153 |
HTML color code: #CCCCCC | RGB color: 204 204 204 |
HTML color code: #FFFFFF | RGB color: 255 255 255 |
HTML color code: #666600 | RGB color: 102 102 0 |
HTML color code: #999900 | RGB color: 153 153 0 |
HTML color code: #999933 | RGB color: 153 153 51 |
HTML color code: #999966 | RGB color: 153 153 102 |
HTML color code: #CCCC33 | RGB color: 204 204 51 |
HTML color code: #CCCC66 | RGB color: 204 204 102 |
HTML color code: #333300 | RGB color: 51 51 0 |
HTML color code: #666633 | RGB color: 102 102 51 |
HTML color code: #CCCC99 | RGB color: 204 204 153 |
HTML color code: #CCFF33 | RGB color: 204 255 51 |
HTML color code: #CCFF00 | RGB color: 204 255 0 |
HTML color code: #CCFF66 | RGB color: 204 255 102 |
HTML color code: #669900 | RGB color: 102 153 0 |
HTML color code: #99CC33 | RGB color: 153 204 51 |
HTML color code: #99CC00 | RGB color: 153 204 0 |
HTML color code: #99CC66 | RGB color: 153 204 102 |
HTML color code: #99FF33 | RGB color: 153 255 51 |
HTML color code: #99FF00 | RGB color: 153 255 0 |
HTML color code: #336600 | RGB color: 51 102 0 |
HTML color code: #669933 | RGB color: 102 153 51 |
HTML color code: #66CC33 | RGB color: 102 204 51 |
HTML color code: #66CC00 | RGB color: 102 204 0 |
HTML color code: #99FF66 | RGB color: 153 255 102 |
HTML color code: #CCFF99 | RGB color: 204 255 153 |
HTML color code: #009900 | RGB color: 0 153 0 |
HTML color code: #339900 | RGB color: 51 153 0 |
HTML color code: #33CC00 | RGB color: 51 204 0 |
HTML color code: #33FF00 | RGB color: 51 255 0 |
HTML color code: #66FF33 | RGB color: 102 255 51 |
HTML color code: #66FF00 | RGB color: 102 255 0 |
HTML color code: #00CC33 | RGB color: 0 204 51 |
HTML color code: #33CC33 | RGB color: 51 204 51 |
HTML color code: #00CC00 | RGB color: 0 204 0 |
HTML color code: #00FF00 | RGB color: 0 255 0 |
HTML color code: #00FF33 | RGB color: 0 255 51 |
HTML color code: #33FF33 | RGB color: 51 255 51 |
HTML color code: #003300 | RGB color: 0 51 0 |
HTML color code: #336633 | RGB color: 51 102 51 |
HTML color code: #669966 | RGB color: 102 153 102 |
HTML color code: #66CC66 | RGB color: 102 204 102 |
HTML color code: #99CC99 | RGB color: 153 204 153 |
HTML color code: #CCFFCC | RGB color: 204 255 204 |
HTML color code: #006600 | RGB color: 0 102 0 |
HTML color code: #339933 | RGB color: 51 153 51 |
HTML color code: #00FF66 | RGB color: 0 255 102 |
HTML color code: #33FF66 | RGB color: 51 255 102 |
HTML color code: #66FF66 | RGB color: 102 255 102 |
HTML color code: #99FF99 | RGB color: 153 255 153 |
HTML color code: #009933 | RGB color: 0 153 51 |
HTML color code: #00CC66 | RGB color: 0 204 102 |
HTML color code: #33CC66 | RGB color: 51 204 102 |
HTML color code: #00FF99 | RGB color: 0 255 153 |
HTML color code: #33FF99 | RGB color: 51 255 153 |
HTML color code: #66FF99 | RGB color: 102 255 153 |
HTML color code: #006633 | RGB color: 0 102 51 |
HTML color code: #009966 | RGB color: 0 153 102 |
HTML color code: #339966 | RGB color: 51 153 102 |
HTML color code: #00CC99 | RGB color: 0 204 153 |
HTML color code: #33CC99 | RGB color: 51 204 153 |
HTML color code: #66CC99 | RGB color: 102 204 153 |
HTML color code: #009999 | RGB color: 0 153 153 |
HTML color code: #33CCCC | RGB color: 51 204 204 |
HTML color code: #00FFCC | RGB color: 0 255 204 |
HTML color code: #33FFCC | RGB color: 51 255 204 |
HTML color code: #66FFCC | RGB color: 102 255 204 |
HTML color code: #99FFCC | RGB color: 153 255 204 |
HTML color code: #00CCCC | RGB color: 0 204 204 |
HTML color code: #00FFFF | RGB color: 0 255 255 |
HTML color code: #33FFFF | RGB color: 51 255 255 |
HTML color code: #66FFFF | RGB color: 102 255 255 |
HTML color code: #99FFFF | RGB color: 153 255 255 |
HTML color code: #CCFFFF | RGB color: 204 255 255 |
HTML color code: #336666 | RGB color: 51 102 102 |
HTML color code: #006666 | RGB color: 0 102 102 |
HTML color code: #669999 | RGB color: 102 153 153 |
HTML color code: #339999 | RGB color: 51 153 153 |
HTML color code: #66CCCC | RGB color: 102 204 204 |
HTML color code: #99CCCC | RGB color: 153 204 204 |
HTML color code: #003333 | RGB color: 0 51 51 |
HTML color code: #0099CC | RGB color: 0 153 204 |
HTML color code: #3399CC | RGB color: 51 153 204 |
HTML color code: #00CCFF | RGB color: 0 204 255 |
HTML color code: #33CCFF | RGB color: 51 204 255 |
HTML color code: #66CCFF | RGB color: 102 204 255 |
HTML color code: #006699 | RGB color: 0 102 153 |
HTML color code: #336699 | RGB color: 51 102 153 |
HTML color code: #6699CC | RGB color: 102 153 204 |
HTML color code: #0099FF | RGB color: 0 153 255 |
HTML color code: #3399FF | RGB color: 51 153 255 |
HTML color code: #99CCFF | RGB color: 153 204 255 |
HTML color code: #003366 | RGB color: 0 51 102 |
HTML color code: #003399 | RGB color: 0 51 153 |
HTML color code: #0033FF | RGB color: 0 51 255 |
HTML color code: #3366CC | RGB color: 51 102 204 |
HTML color code: #0066CC | RGB color: 0 102 204 |
HTML color code: #0066FF | RGB color: 0 102 255 |
HTML color code: #000033 | RGB color: 0 0 51 |
HTML color code: #0033CC | RGB color: 0 51 204 |
HTML color code: #0000CC | RGB color: 0 0 204 |
HTML color code: #0000FF | RGB color: 0 0 255 |
HTML color code: #3366FF | RGB color: 51 102 255 |
HTML color code: #6699FF | RGB color: 102 153 255 |
HTML color code: #000066 | RGB color: 0 0 102 |
HTML color code: #000099 | RGB color: 0 0 153 |
HTML color code: #3333CC | RGB color: 51 51 204 |
HTML color code: #3300CC | RGB color: 51 0 204 |
HTML color code: #3300FF | RGB color: 51 0 255 |
HTML color code: #3333FF | RGB color: 51 51 255 |
HTML color code: #333366 | RGB color: 51 51 102 |
HTML color code: #333399 | RGB color: 51 51 153 |
HTML color code: #666699 | RGB color: 102 102 153 |
HTML color code: #6666CC | RGB color: 102 102 204 |
HTML color code: #6666FF | RGB color: 102 102 255 |
HTML color code: #9999CC | RGB color: 153 153 204 |
HTML color code: #330066 | RGB color: 51 0 102 |
HTML color code: #330099 | RGB color: 51 0 153 |
HTML color code: #6600FF | RGB color: 102 0 255 |
HTML color code: #6633FF | RGB color: 102 51 255 |
HTML color code: #9999FF | RGB color: 153 153 255 |
HTML color code: #CCCCFF | RGB color: 204 204 255 |
HTML color code: #330033 | RGB color: 51 0 51 |
HTML color code: #663399 | RGB color: 102 51 153 |
HTML color code: #6633CC | RGB color: 102 51 204 |
HTML color code: #6600CC | RGB color: 102 0 204 |
HTML color code: #9966FF | RGB color: 153 102 255 |
HTML color code: #9966CC | RGB color: 153 102 204 |
HTML color code: #663366 | RGB color: 102 51 102 |
HTML color code: #660099 | RGB color: 102 0 153 |
HTML color code: #9900FF | RGB color: 153 0 255 |
HTML color code: #9933FF | RGB color: 153 51 255 |
HTML color code: #9933CC | RGB color: 153 51 204 |
HTML color code: #CC99FF | RGB color: 204 153 255 |
HTML color code: #660066 | RGB color: 102 0 102 |
HTML color code: #996699 | RGB color: 153 102 153 |
HTML color code: #9900CC | RGB color: 153 0 204 |
HTML color code: #CC00FF | RGB color: 204 0 255 |
HTML color code: #CC33FF | RGB color: 204 51 255 |
HTML color code: #CC66FF | RGB color: 204 102 255 |
HTML color code: #993399 | RGB color: 153 51 153 |
HTML color code: #990099 | RGB color: 153 0 153 |
HTML color code: #CC33CC | RGB color: 204 51 204 |
HTML color code: #CC00CC | RGB color: 204 0 204 |
HTML color code: #CC66CC | RGB color: 204 102 204 |
HTML color code: #CC99CC | RGB color: 204 153 204 |
HTML color code: #CC3399 | RGB color: 204 51 153 |
HTML color code: #FF00FF | RGB color: 255 0 255 |
HTML color code: #FF33FF | RGB color: 255 51 255 |
HTML color code: #FF66FF | RGB color: 255 102 255 |
HTML color code: #FF99FF | RGB color: 255 153 255 |
HTML color code: #FFCCFF | RGB color: 255 204 255 |
HTML color code: #990066 | RGB color: 153 0 102 |
HTML color code: #CC0099 | RGB color: 204 0 153 |
HTML color code: #CC6699 | RGB color: 204 102 153 |
HTML color code: #FF33CC | RGB color: 255 51 204 |
HTML color code: #FF00CC | RGB color: 255 0 204 |
HTML color code: #FF66CC | RGB color: 255 102 204 |
HTML color code: #660033 | RGB color: 102 0 51 |
HTML color code: #993366 | RGB color: 153 51 102 |
HTML color code: #CC0066 | RGB color: 204 0 102 |
HTML color code: #FF0099 | RGB color: 255 0 153 |
HTML color code: #FF3399 | RGB color: 255 51 153 |
HTML color code: #FF99CC | RGB color: 255 153 204 |
HTML color code: #663333 | RGB color: 102 51 51 |
HTML color code: #996666 | RGB color: 153 102 102 |
HTML color code: #CC3366 | RGB color: 204 51 102 |
HTML color code: #FF0066 | RGB color: 255 0 102 |
HTML color code: #FF3366 | RGB color: 255 51 102 |
HTML color code: #FF6699 | RGB color: 255 102 153 |
HTML color code: #330000 | RGB color: 51 0 0 |
HTML color code: #990033 | RGB color: 153 0 51 |
HTML color code: #993333 | RGB color: 153 51 51 |
HTML color code: #CC3333 | RGB color: 204 51 51 |
HTML color code: #CC6666 | RGB color: 204 102 102 |
HTML color code: #CC9999 | RGB color: 204 153 153 |
HTML color code: #CC0033 | RGB color: 204 0 51 |
HTML color code: #FF0033 | RGB color: 255 0 51 |
HTML color code: #FF3333 | RGB color: 255 51 51 |
HTML color code: #FF6666 | RGB color: 255 102 102 |
HTML color code: #FF9999 | RGB color: 255 153 153 |
HTML color code: #FFCCCC | RGB color: 255 204 204 |
HTML color code: #990000 | RGB color: 153 0 0 |
HTML color code:#CC0000 | RGB color: 204 0 0 |
HTML color code: #FF0000 | RGB color: 255 0 0 |
HTML color code: #FF3300 | RGB color: 255 51 0 |
HTML color code: #CC3300 | RGB color: 204 51 0 |
HTML color code: #FF6633 | RGB color: 255 102 51 |
HTML color code: #660000 | RGB color: 102 0 0 |
HTML color code: #993300 | RGB color: 153 51 0 |
HTML color code: #CC6633 | RGB color: 204 102 51 |
HTML color code: #FF6600 | RGB color: 255 102 0 |
HTML color code: #FF9966 | RGB color: 255 153 102 |
HTML color code: #FFCC99 | RGB color: 255 204 153 |
HTML color code: #663300 | RGB color: 102 51 0 |
HTML color code: #996633 | RGB color: 153 102 51 |
HTML color code: #CC6600 | RGB color: 204 102 0 |
HTML color code: #CC9966 | RGB color: 204 153 102 |
HTML color code: #FF9933 | RGB color: 255 153 51 |
HTML color code: #FF9900 | RGB color: 255 153 0 |
HTML color code: #996600 | RGB color: 153 102 0 |
HTML color code: #CC9933 | RGB color: 204 153 51 |
HTML color code: #CC9900 | RGB color: 204 153 0 |
HTML color code: #FFCC33 | RGB color: 255 204 51 |
HTML color code: #FFCC00 | RGB color: 255 204 0 |
HTML color code: #FFCC66 | RGB color: 255 204 102 |
HTML color code: #CCCC00 | RGB color: 204 204 0 |
HTML color code: #FFFF00 | RGB color: 255 255 0 |
HTML color code: #FFFF33 | RGB color: 255 255 51 |
HTML color code: #FFFF66 | RGB color: 255 255 102 |
HTML color code: #FFFF99 | RGB color: 255 255 153 |
HTML color code: #FFFFCC | RGB color: 255 255 204 |
This table includes 216 safe html color codes. Each color has a value in RGB for specifying color in graphic editors and HEX for specifying color in html pages.
Hexadecimal numbers are used to specify colors. The hexadecimal system, unlike the decimal system, is based, as its name suggests, on the number 16. The numbers will be as follows: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Numbers from 10 to 15 are replaced by Latin letters. Numbers greater than 15 in the hexadecimal system are formed by combining two numbers into one. For example, the number 255 in decimal corresponds to the number FF in hexadecimal. To avoid confusion in determining the number system, a hash symbol # is placed before the hexadecimal number, for example #666999. Each of the three colors - red, green and blue - can take values from 00 to FF. Thus, the color symbol is divided into three components #rrggbb, where the first two symbols indicate the red component of the color, the middle two - green, and the last two - blue. It is allowed to use the abbreviated form #rgb, where each character should be doubled. Thus, the entry #fe0 should be regarded as #ffee00.
By name
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Browsers support some colors by their name. In table 1 shows the names, hexadecimal code, RGB, HSL values and description.
Name | Color | Code | RGB | HSL | Description |
---|---|---|---|---|---|
white | #ffffff or #fff | rgb(255,255,255) | hsl(0.0%,100%) | White | |
silver | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | Grey | |
gray | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | Dark grey | |
black | #000000 or #000 | rgb(0,0,0) | hsl(0.0%,0%) | Black | |
maroon | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | Dark red | |
red | #ff0000 or #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Red | |
orange | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Orange | |
yellow | #ffff00 or #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Yellow | |
olive | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Olive | |
lime | #00ff00 or #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Light green | |
green | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Green | |
aqua | #00ffff or #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Blue | |
blue | #0000ff or #00f | rgb(0,0,255) | hsl(240,100%,50%) | Blue | |
navy | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Dark blue | |
teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Blue-green | |
fuchsia | #ff00ff or #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Pink | |
purple | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
Using RGB
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
You can define color using the red, green, and blue values in decimal terms. Each of the three color components takes a value from 0 to 255. It is also permissible to specify the color as a percentage, with 100% corresponding to the number 255. First, specify the rgb keyword, and then specify the color components in parentheses, separated by commas, for example rgb(255 , 128, 128) or rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
The RGBA format is similar in syntax to RGB, but includes an alpha channel that specifies the transparency of the element. A value of 0 is fully transparent, 1 is opaque, and an intermediate value like 0.5 is semi-transparent.
RGBA was added to CSS3, so CSS code must be validated against this version. It should be noted that the CSS3 standard is still under development and some features may change. For example, a color in RGB format added to the background-color property is validated, but one added to the background property is no longer valid. At the same time, browsers quite correctly understand the color for both properties.
HSL
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
The name of the HSL format is derived from the combination of the first letters Hue (hue), Saturate (saturation) and Lightness (lightness). Hue is the color value on the color wheel (Fig. 1) and is given in degrees. 0° corresponds to red, 120° to green, and 240° to blue. The hue value can vary from 0 to 359.
Rice. 1. Color wheel
Saturation is the intensity of a color and is measured as a percentage from 0% to 100%. A value of 0% indicates no color and a shade of gray, 100% is the maximum value for saturation.
Lightness specifies how bright the color is and is specified as a percentage from 0% to 100%. Low values make the color darker, and high values make the color lighter; extreme values of 0% and 100% correspond to black and white.
HSLA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
The HSLA format is similar in syntax to HSL, but includes an alpha channel to specify the element's transparency. A value of 0 is fully transparent, 1 is opaque, and an intermediate value like 0.5 is semi-transparent.
RGBA, HSL, and HSLA color values are added to CSS3, so please check your code for version validity when using these formats.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Warning
All lion catching methods listed on the site are theoretical and based on computational methods. The authors do not guarantee your safety when using them and disclaim any responsibility for the results. Remember, a lion is a predator and a dangerous animal!
The result of this example is shown in Fig. 2.
Rice. 2. Colors on the web page
There are several ways to represent color in web design.
HEX is a hexadecimal color representation system based on base 16. For this system, Arabic decimal digits from 0 to 9 and Latin letters from A to F are used to complement the digital number to 16. For web design, 16 primary (key) colors are used, the so-called hexadecimal color code #RRGGBB, where each pair is responsible for its share of the color: RR – red, GG – green and BB – blue. Each color fraction ranges from 00 to FF.
Two other representations of color in web design are: in the form of RGB(*,*,*), where each “*” fraction of a color is represented by decimal digits from 0 to 255 and by color names in English.
When creating a color image, the main problem is the correct reproduction of colors on different types of computers, monitors and browsers. If the browser cannot display a color correctly, it selects a similar one or mixes several colors. And sometimes it can be replaced with some completely different color.
Table 16 primary colors, which are used in all browsers
Name | Color | Hex | (RGB) |
Aqua (sea wave) | #00FFFF | (000,255,255) | |
Black | #000000 | (000,000,000) | |
Blue | #0000FF | (000,000,255) | |
Fuchsia (magenta) | #FF00FF | (255,000,255) | |
Gray | #808080 | (128,128,128) | |
Green | #008000 | (000,128,000) | |
Lime (bright green) | #00FF00 | (000,255,000) | |
Maroon (dark burgundy) | #800000 | (128,000,000) | |
Navy (dark blue) | #000080 | (000,000,128) | |
Olive | #808000 | (128,128,000) | |
Purple | #800080 | (128,000,128) | |
Red | #FF0000 | (255,000,000) | |
Silver | #C0C0C0 | (192,192,192) | |
Teal (gray-green) | #008080 | (000,128,128) | |
White | #FFFFFF | (255,255,255) | |
Yellow | #FFFF00 | (255,255,000) |
Table purple colors and its shades
Name | Color | Hex | (RGB) |
Magenta (magenta) | #FFCBDB | (255,203,219) | |
Magenta (magenta) | #FF0099 | (255,000,153) | |
Magenta (magenta) | #F95A61 | (249,090,097) | |
Fuchsia (fuchsia) | #FF00FF | (255,000,255) | |
Mauvein (aniline purple) | #EF0097 | (239,000,151) | |
Salmon pink (orange pink) | #FF91A4 | (255,145,164) | |
Cenise (a shade of purple) | #DE3163 | (153,149,140) | |
Aubergine Eggplant (eggplant) | #990066 | (153,000,132) | |
Lavender blush (pinkish-lavender) |  #FFF0F5 | (255,240,245) | |
Lilac (lilac) | #C8A2C8 | (200,162,200) | |
Magenta (magenta) | #FF008F | (255,000,143) | |
Orchid (orchid) | #DA70D6 | (218,112,214) | |
Red-violet (purple-red) | #C71585 | (199,021,133) | |
Sanguine (sanguine) | #92000A | (146,000,010) | |
Thistle (shade of purple) | #D8BFD8 | (185,211,238) | |
Violet-eggplant (a shade of purple) | #991199 | (153,017,153) | |
Rosa vivo (deep pink) | #FF007F | (255,000,127) | |
Lavender-rose (a shade of purple) | #FBA0E3 | (108,123,139) | |
Mountbatten pink | #997ABD | (153,122,141) |
Table gray colors and its shades
Name | Color | Hex | (RGB) |
Gray | #808080 | (128,128,128) | |
Gray | #bebebe | (190,190,190) | |
(Grey-shade) | #858585 | (133,133,133) | |
Gray33 | #545454 | (084,084,084) | |
(Grey slate) | #708090 | (112,128,144) | |
(Quartz) | #99958с | (153,149,140) | |
(Light gray) | #bbbbbb | (187,187,187) | |
(Silver) | #c0c0c0 | (192,192,192) | |
(Grey-white) | #f0f0f0 | (240,240,240) | |
(Abdel-Kerim's beards) | #e0e0e0 | (224,224,224) | |
LightGray (Light gray) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Pale cornflower blue1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Pale cornflower blue2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |