Table (palette) 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 |
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 formed from huge amount dots called pixels. Each pixel is small spring light, let's call it "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). highest value color 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).
Majority modern monitors 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 when zero values blue and green colors:
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 define 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 systems color reproduction. 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.
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, hex and RGB codes to which they correspond.
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 keywords represent 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 .
|
|