Gray color table. HTML Tutorial

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. Moreover, 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 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 you get the output color in any browser and on any monitor 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.

Color codes in CSS are used to specify colors. Typically, color codes or color values ​​are used to set the color for either the foreground color of an element (e.g. text color, link color) or the background color of an element (background color, block color). They can also be used to change the color of a button, border, marker, hover, and other decorative effects.

You can specify your color values ​​in various formats. The following table lists all possible formats:

The listed formats are described in more detail below.

CSS Colors - Hex Codes

Hexadecimal color code is a six-digit representation of color. The first two digits (RR) represent the red value, the next two represent the green value (GG), and the last two represent the blue value (BB).

CSS Colors - Short Hex Codes

Short hex color code is a shorter form of six-character notation. In this format, each digit is repeated to produce an equivalent six-digit color value. For example: #0F0 becomes #00FF00.

The hexadecimal value can be taken from any graphics software such as Adobe Photoshop, Core Draw, etc.

Each hexadecimal color code in CSS will be preceded by a hash sign "#". Below are examples of using hexadecimal notations.

CSS Colors - RGB Values

RGB value is a color code that is set using the rgb() property. This property takes three values: one each for red, green, and blue. The value can be an integer, from 0 to 255, or a percentage.

Note: Not all browsers support the rgb() color property, so it is not recommended to use it.

Below is an example showing multiple colors using RGB values.

Color code generator

You can create millions of color codes using our service.

Browser Safe Colors

Below is a table of 216 colors that are the most secure and computer-independent. These colors in CSS range from 000000 to FFFFFF hexadecimal code. They are safe to use because they ensure that all computers display color correctly when working with the 256 color palette.

Table of "safe" colors in CSS
#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

>>Color management

Hexadecimal RGB color values

Methods of describing and processing color differ from each other in what final representation they are intended for. Let us compare, for example, the representation of colors for printing and for computer monitors. In the first case, the basis is taken white the color of the paper on which three primary colors are subsequently applied: blue, purple And yellow. Mixing with each other and with the white color of paper in different proportions, these three primary colors give different color shades, except for pure black, or in the complete absence of paints they give white paper. If we add black color to them, we get CMYK-a method of transmitting color when the required color is obtained by subtracting the missing colors from white.

In the second case, the basis is taken black the color of the monitor screen, each cell of which glows in one of three colors: red-red, green-green and blue-blue. Then, in the complete absence of any glow, we get a pure black screen color, and any of the required colors is given by the ratio of each of the three colors. In this case we will get RGB-method of color transmission. Primary colors can range from 0 before 255 , or from 0% before 100% , or can be represented as a hexadecimal value. In the figure below you can see the results of mixing primary colors.

The hexadecimal number system, unlike the decimal number system, has not ten digits, but sixteen - hence the name. Accordingly, there can only be non-repeating variants of combinations of two digits - 256 , to continue the series of numbers after 9 letters from A before F, therefore, the series will look like this -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

To convert numbers from one number system to another and vice versa, use the calculator below. The maximum value here can be FF - 255 .

In this case, the color is specified by three hexadecimal numbers, each of which consists of two digits. The first number determines the intensity red colors, medium- green, last thing- blue colors. All numbers can take values ​​in the range from 00 before FF(from 0 to 255). For example: green color is given as #00FF00, red - like #FF0000, blue - like #0000FF, white - like #FFFFFF, complete absence of color or black is given as #000000 .

In the form below you can specify any hexadecimal values ​​for each of the three colors and see the result of mixing them by clicking in the output field.

Examples of some hexadecimal RGB color values: gradations of red, blue and green.

view	code	view	code	view	code	view	code	view	code	view	code
	#010000		#800000		#000100		#008000		#000001		#000080
	#100000		#900000		#001000		#009000		#000010		#000090
	#200000		#A00000		#002000		#00A000		#000020		#0000A0
	#300000		#B00000		#003000		#00B000		#000030		#0000B0
	#400000		#C00000		#004000		#00C000		#000040		#0000C0
	#500000		#D00000		#005000		#00D000		#000050		#0000D0
	#600000		#E00000		#006000		#00E000		#000060		#0000E0
	#700000		#FF0000		#007000		#00FF00		#000070		#0000FF

Specifying Color Using String Literals

For ease of use, some colors and their combinations were assigned names that are recognized by all browsers, and it became possible to set many of them by name. The table below shows some of the color names:

view	Name	view	Name	view	Name	view	Name
	White		Red		Orange		Yellow
	Green		Blue		Purple		Black
	Aliceblue		Antiquewhite		Aqua		Aquamarine
	Azure		Beige		Bisque		Blanchedalmond
	Blueviolet		Brown		Burlywood		Cadetblue
	Chartreuse		Chocolate		Coral		Cornflowerblue
	Cornsilk		Crimson		Cyan		Darkblue
	Darkcyan		Darkgoldenrod		Darkgray		Darkgreen
	Darkkhaki		Darkmagenta		Darkolivegreen		Darkorange
	Darkorchid		Darkred		Darksalmon		Darkseagreen
	Darkslateblue		Darkslategray		Darkturquoise		Darkviolet
	Deeppink		Deepskyblue		Dimgray		Dodgerblue
	Firebrick		Floralwhite		Forestgreen		Fuschia
	Gainsboro		Ghostwhite		Gold		Goldenrod
	Gray		Greenyellow		Honeydew		Hotpink
	Indianred		Indigo		Ivory		Khaki
	Lavender		Lavenderblush		Lemonchiffon		Lightblue
	Lightcoral		Lightcyan		Lightcoldenrodyellow		Lightgreen
	Lightgray		Lightpink		Lightsalmon		Lightseagreen
	Lightskyblue		Lightslategray		Lightsteelblue		Lightyellow
	Lime		Limegreen		Linen		Magenta
	Maroon		Mediumaquamarine		Mediumblue		Mediumorchid
	Mediumpurple		Mediumseagreen		Mediumslateblue		Mediumspringgreen
	Mediumturquoise		Mediumvioletred		Midnightblue		Mintcream
	Mistyrose		Navajowhite		Navy		Oldlace
	Olive		Oliverab		Orangered		Orchid
	Palegoldenrod		Palegreen		Paletteurquoise		Palevioletred
	Papayawhip		Peachpuff		Peru		Pink
	Plum		Powderblue		Rosybrown		Royalblue
	Saddlebrown		Seagreen		Seashell		Sienna
	Silver		Skyblue		Slateblue		Slategray
	Snow		Springgreen		Steelblue		Tan
	Teal		Thistle		Tomato		Turquoise
	Violet		Wheat		Whitesmoke		Yellowgreen

The list of lowercase literals with color names is quite extensive and more than sufficient. If you need to set a background color that is so unusual that it doesn’t even have a name, you can use a hexadecimal value.

Using a safe color palette

Unfortunately, on different platforms, with different system settings, correct color reproduction is a problem. The thing is that the browser always tries to adjust the color palette of the document to the system settings and monitor capabilities, by independently mixing colors and replacing them. As a result, sometimes the user does not see exactly what the webmaster wanted to show him. A way out of this situation was found in the use of a palette, each color of which is guaranteed to be rendered equally by all browsers on different platforms. This is the so-called guaranteed palette, also called safe palette. This palette includes colors whose color components take the following values: 00 ,33 ,66 ,99 , CC,FF, in all possible ways 216 their combinations.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66FF00 66FF33 33FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000FF 0000CC 0033CC 000033 3333FF 3300FF 3300CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 FF3300 FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00

view	code	view	code	view	code	view	code	view	code	view	code

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

As you know, color can affect a person’s state: both mental and physical. Every day, while browsing websites on the Internet, the eyes evaluate millions of colors and shades. A web designer who is familiar with the psychology of color can manipulate the visitor's mood to achieve certain goals.

This is due to the fact that some shades calm, and some, on the contrary, excite. Next we will talk about how color is synthesized and displayed using computer technology.

RGB is a color model that represents a method of obtaining all colors and their shades by mixing in various proportions three main components, which are:

• Red color ( Red);
• green color ( Green);
• Blue colour ( Blue).

This is where the abbreviated name RGB comes from. These colors were chosen as the main ones for a reason: the reason is the physiology of the retina of the human eye, and how it perceives them:

The RGB model remains the most popular today and is used to reproduce colors on TV screens and computer monitors. Since manufacturers endow their products with different characteristics, in 1996 a unified RGB-based color synthesis system called sRGB was created, on which Microsoft and HP worked together.

Numerical representation of color

As mentioned earlier, RGB colors are formed by mixing primary colors. To describe the intensity of each of them, a scheme was adopted in which color is represented by the range 0-255 (8 bits), which in hexadecimal notation corresponds to 00-FF.

That is, the primary colors will look like this:

• Red – RGB (255,0,0);
• Green – RGB (0,255,0);
• Blue – RGB (0,0,255);

If the color intensity takes values ​​less than 255, then different shades of red, green and blue are obtained. The following is a table of their gradations, as well as the hexadecimal values ​​of each of the shades:

RGB color tables

Naturally, in addition to gradations of primary colors, there are mixed ones, and their number is quite large. Therefore, a table of RGB colors was created, which presents all existing shades, as well as their names and numerical representations ( in decimal and hexadecimal form).

You can view it here. This table makes life a lot easier for web designers, since in a few seconds you can find the required shade and find out its numerical representation.

Safe RGB color palette

However, at some point there was a problem with displaying colors in different browsers, and to solve it, the so-called “safe” palette of RGB colors was compiled, which were derived by mathematical calculations.

When the browser can't display a color correctly, it will try to get something close to what it needs by mixing adjacent colors, and most likely the result will be completely unacceptable:

By using RGB color codes from this palette, a web developer can have peace of mind regarding the display of colors on the pages of their website when viewed using different browsers, platforms and monitors. Although at the moment the table of safe colors is losing its relevance ( technological progress still does not stand still), when using it you can, as they say, sleep peacefully.

Gold color in RGB model

The word “gold” was first used at the beginning of the 14th century to describe the color of a chemical element called Aurum - gold. In the RGB model, the color gold is represented by the following numerical values:

• RGB (255, 215, 0) – decimal system;
• HEX #FFD700 – hexadecimal system.

Beige color in RGB model

Beige color occupies a rather significant place in history, even if it is not the most expressive. Many cultural monuments, especially ancient sculptures, were made of soapstone and soapstone, which have a beige tint. In the RGB model, the color beige has the following numeric representations.