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:

  1. The browser replaces it with the one that is most similar to it and can be successfully reproduced;
  2. 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.

HTML safe color chart.
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.

Table 1. Names of colors
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

Colors

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!

Arrrgh!

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)