This page contains a table with keywords that can be used to designate colors in such Web development languages as: HTML, CSS, JavaScript, Flash, etc.
In the old WC3 specification, only 16 keywords were used to set colors in HTML and CSS. In later, more modern specifications, another 130 keywords were added to denote color names. The following table contains the color names, hexadecimal and RGB codes they correspond to.
According to CSS rules, color names are not case sensitive. The color entries IndianRed and indianred are equivalent.
It is also worth noting that of the 146 keywords in the table, there are actually fewer colors in it. This is because some of the keywords refer to the same color. So the names Gray , and Gray stand for 50 percent gray with the code #808080 , while the word Magenta is an HTML synonym for the Fuchsia color, corresponding to the hex code #FF00FF . The words Aqua and Cyan are also synonyms, they correspond to the code #00FFFF .
|
|
Table (palette) of html colors 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 hexadecimal notation. 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 between 0-100 or 0-1. The larger this setting, the "purer" the color is, which is why this setting is sometimes referred to as 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 names of colors on English language(which can be used as values) supported by all browsers and their hexadecimal values. All colors listed are "safe", meaning they will display the same in all browsers.
Color name | HEX | Color |
---|---|---|
Black | #000000 | |
Navy | #000080 | |
dark blue | #00008B | |
Medium Blue | #0000CD | |
Blue | #0000FF | |
dark green | #006400 | |
Green | #008000 | |
Teal | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
Dark Turquoise | #00CED1 | |
MediumSpringGreen | #00FA9A | |
lime | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
cyan | #00FFFF | |
midnight blue | #191970 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
forest green | #228B22 | |
sea green | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Lime Green | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Turquoise | #40E0D0 | |
Royal Blue | #4169E1 | |
steel blue | #4682B4 | |
DarkSlateBlue | #483D8B | |
Medium Turquoise | #48D1CC | |
Indigo | #4B0082 | |
DarkOliveGreen | #556B2F | |
Cadet Blue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
Dim Gray | #696969 | |
Slate Blue | #6A5ACD | |
OliveDrab | #6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
chartreuse | #7FFF00 | |
aquamarine | #7FFFD4 | |
maroon | #800000 | |
Purple | #800080 | |
Olive | #808000 | |
Gray | #808080 | |
sky blue | #87CEEB | |
LightSkyBlue | #87CEFA | |
blue violet | #8A2BE2 | |
dark red | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
Light Green | #90EE90 | |
Medium Purple | #9370D8 | |
dark violet | #9400D3 | |
pale green | #98FB98 | |
Dark Orchid | #9932CC | |
yellow green | #9ACD32 | |
Sienna | #A0522D | |
Brown | #A52A2A | |
dark gray | #A9A9A9 | |
light blue | #ADD8E6 | |
GreenYellow | #ADFF2F | |
paleturquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
Powder Blue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
Medium Orchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
DarkKhaki | #BDB76B | |
Silver | #C0C0C0 | |
MediumVioletRed | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Chocolate | #D2691E | |
Tan | #D2B48C | |
light gray | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Thistle | #D8BFD8 | |
Orchid | #DA70D6 | |
golden rod | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Plum | #DDA0DD | |
Burlywood | #DEB887 | |
LightCyan | #E0FFFF | |
Lavender | #E6E6FA | |
DarkSalmon | #E9967A | |
violet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
Alice Blue | #F0F8FF | |
honeydew | #F0FFF0 | |
Azure | #F0FFFF | |
Sandy Brown | #F4A460 | |
Wheat | #F5DEB3 | |
Beige | #F5F5DC | |
white smoke | #F5F5F5 | |
MintCream | #F5FFFA | |
ghost white | #F8F8FF | |
Salmon | #FA8072 | |
antique white | #FAEBD7 | |
linen | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
Old Lace | #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 | |
Papaya Whip | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
seashell | #FFF5EE | |
Cornsilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Snow | #FFFAFA | |
Yellow | #FFFF00 | |
LightYellow | #FFFFE0 | |
Ivory | #FFFFF0 | |
White | #FFFFFF |
In HTML, color can be specified in three ways:
Setting color in HTML by its name
Some colors can be specified by their name, using the name of the color in English as the value. The most common keywords: black (black), white (white), red (red), green (green), blue (blue), etc.:
Text Color - Red
The most popular colors of the Consortium standard world wide web(English World Wide Web Consortium, W3C):
Color | Name | Color | Name | Color | Name | Color | Name |
---|---|---|---|---|---|---|---|
Black | Gray | Silver | White | ||||
Yellow | lime | Aqua | Fuchsia | ||||
Red | Green | Blue | Purple | ||||
maroon | Olive | Navy | Teal |
An example of using different color names:
Example: setting a color by its name
- Try it yourself "
Header on red background
Header on orange background
Header on lime background
White text on a blue background
Header on red background
Header on orange background
Header on lime background
White text on a blue background
Specifying color with RGB
When displaying different colors on the monitor, the RGB palette is taken as the basis. Any color is obtained by mixing the three main ones: R - red, G - green (green), B - blue (blue). The brightness of each color is given by one byte and therefore can take values from 0 to 255. For example, RGB (255,0,0) is displayed as red because red is set to its highest value (255) and the others are set to 0 You can also set the color as a percentage. Each of the parameters indicates the level of brightness of the corresponding color. For example: the values rgb(127, 255, 127) and rgb(50%, 100%, 50%) will set the same medium saturation green color:
Example: Specifying a color with RGB
- Try it yourself "
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Set color by hexadecimal value
Values R G B can also be specified using hexadecimal (HEX) color values in the form: #RRGGBB where RR (red), GG (green), and BB (blue) are hexadecimal values from 00 to FF (same as decimal 0-255) . The hexadecimal system, unlike the decimal system, is based, as its name implies, on the number 16. The hexadecimal system uses the following characters: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Here the numbers from 10 to 15 are replaced by Latin letters. Numbers greater than 15 in the hexadecimal system are the union of two characters into one value. For example, the highest number 255 in decimal corresponds to the highest FF in hexadecimal. Unlike the decimal system, the hexadecimal number is preceded by a pound sign. # , for example, #FF0000 is displayed as red because red is set to its highest value (FF) and the other colors are set to their minimum value (00). Characters after the hash symbol # can be typed in both uppercase and lowercase. The hexadecimal system allows you to use the abbreviated form #rgb, where each character is equal to twice. Thus, the entry #f7O should be regarded as #ff7700.
Example: Color HEX
- Try it yourself "
red: #FF0000
green: #00FF00
blue: #0000FF
red: #FF0000
green: #00FF00
blue: #0000FF
red+green=yellow: #FFFF00
red+blue=purple: #FF00FF
green+blue=cyan: #00FFFF
List of commonly used colors (name, HEX and RGB):
English title | Russian name | Sample | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | amaranth | #E52B50 | 229 | 43 | 80 | |
Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
Aqua | blue green | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Black | Black | #000000 | 0 | 0 | 0 | |
Blue | Blue | #0000FF | 0 | 0 | 255 | |
Bondi Blue | Bondi beach water | #0095B6 | 0 | 149 | 182 | |
Brass | Brass | #B5A642 | 181 | 166 | 66 | |
Brown | Brown | #964B00 | 150 | 75 | 0 | |
Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
dark spring green | Dark spring green | #177245 | 23 | 114 | 69 | |
Emerald | Emerald | #50C878 | 80 | 200 | 120 | |
Eggplant | eggplant | #990066 | 153 | 0 | 102 | |
Fuchsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
Gold | Gold | #FFD700 | 250 | 215 | 0 | |
Gray | Grey | #808080 | 128 | 128 | 128 | |
Green | Green | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
lime | Lime | #CCFF00 | 204 | 255 | 0 | |
Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
Navy | Dark blue | #000080 | 0 | 0 | 128 | |
Ocher | Ocher | #CC7722 | 204 | 119 | 34 | |
Olive | Olive | #808000 | 128 | 128 | 0 | |
Orange | Orange | #FFA500 | 255 | 165 | 0 | |
peach | Peach | #FFE5B4 | 255 | 229 | 180 | |
Pumpkin | Pumpkin | #FF7518 | 255 | 117 | 24 | |
Purple | Violet | #800080 | 128 | 0 | 128 | |
Red | Red | #FF0000 | 255 | 0 | 0 | |
Saffron | Saffron | #F4C430 | 244 | 196 | 48 | |
sea green | green sea | #2E8B57 | 46 | 139 | 87 | |
Swamp green | Bolotny | #ACB78E | 172 | 183 | 142 | |
Teal | blue green | #008080 | 0 | 128 | 128 | |
Ultramarine | ultramarine | #120A8F | 18 | 10 | 143 | |
violet | Violet | #8B00FF | 139 | 0 | 255 | |
Yellow | Yellow | #FFFF00 | 255 | 255 | 0 |
Color codes (background) by saturation and hue.
HTML colors are indicated by six characters after the slash - for example, #000000. These six characters represent the proportions of the various colors (Red, Green, and Blue) in the final color. The image on your computer monitor is made up of 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 reducing or increasing the intensity of the glow of individual colored lanterns, we get the desired color.
html color codes
Colors in HTML are denoted by the hexadecimal (HEX) notation for the combination of red, blue, and green (RGB).
The smallest color value is 0 (hexadecimal 00). The highest color value is 255 (hexadecimal FF).
The hexadecimal color value is three digits starting with #.
Color codes (values)
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 each color adds up to 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,16 million (updated October 2013) colors, while CRT monitors can display an almost 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 proportions of all colors are used. To facilitate the selection of the desired color, we provide you with codes for shades of gray.
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 (for all browsers) html color names
A collection of 150 html color names supported in all browsers.
Standardized color names
The W3C lists 16 valid color names for HTML and CSS: aqua (aquamarine), black (black), blue (blue), fuchsia (magenta), gray (gray), green (green), lime (lime or light green), maroon (chestnut), navy (ultramarine), olive (olive), purple (purple), red (red), silver (silver), teal (gray), white (white) and yellow (yellow).
When using colors that are not included in this list, it will be more correct to use their hexadecimal code (HEX) or RGB code.
Safe colors
A few 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 in order to correctly display colors in the 256-color palette mode.
It doesn't matter now because most computers around the world support millions of shades of color. In any case, here is a list of those 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 |
The CSS color module details the values that allow authors to specify the colors and opacity of html elements, as well as the values of the color property.
color property
1. Priority colors: color property
The property sets the font color using various rendering systems. The property describes the color of the element's text content. It is also used to provide a potential indirect value (currentColor) for any other properties that accept color values.
The property is inherited.
2. Color values
2.1. Main keywords
The list of main keywords includes the following values:
Name | HEX | RGB | Color |
---|---|---|---|
black | #000000 | 0,0,0 | |
Silver | #C0C0C0 | 192,192,192 | |
gray | #808080 | 128,128,128 | |
white | #FFFFFF | 255,255,255 | |
maroon | #800000 | 128,0,0 | |
red | #FF0000 | 255,0,0 | |
purple | #800080 | 128,0,128 | |
fuchsia | #FF00FF | 255,0,255 | |
green | #008000 | 0,128,0 | |
lime | #00FF00 | 0,255,0 | |
olive | #808000 | 128,128,0 | |
yellow | #FFFF00 | 255,255,0 | |
navy | #000080 | 0,0,128 | |
blue | #0000FF | 0,0,255 | |
teal | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
Color names are not case sensitive.
Syntax
Color: teal;
2.2. Numeric Color Values
2.2.1. RGB Model Colors
The format of an RGB value in hexadecimal is a # sign immediately followed by three or six hexadecimal characters. The three-digit RGB notation #rgb is converted to the six-digit form #rrggbb by copying the digits, not by adding zeros. For example, #fb0 expands to #ffbb00 . This ensures that the white #ffffff can be specified in the #fff shorthand, and removes any dependencies on the display's color depth.
The format of an RGB value in functional notation is rgb( followed by a comma-separated list of three numeric values (either three integer values or three percentage values) followed by a character) . The integer value 255 corresponds to 100% and F or FF in hexadecimal notation:
rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Space characters are allowed around numeric values.