Light pink color code. Color in styles can be specified in different ways: by hexadecimal value, by name, in RGB, RGBA, HSL, HSLA format

In HTML, color can be specified in three ways:

Setting a color in HTML by its name

Some colors can be specified by their name, using the color name in English as the value. The most common keywords: black, white, red, green, blue, etc.:

Text color – red

The most popular colors of the World Wide Web Consortium (W3C) standard:

ColorNameColorName ColorName ColorName
Black Gray Silver White
Yellow Lime Aqua Fuchsia
Red Green Blue Purple
Maroon Olive Navy Teal

Example of using different color names:

Example: specifying a color by its name

  • Try it yourself "

Header on red background

Header on orange background

Heading on lime background

White text on blue background

Header on red background

Header on orange background

Heading on lime background

White text on blue background

Specifying Color Using RGB

When displaying different colors on a monitor, the RGB palette is used as a basis. Any color is obtained by mixing three basic ones: R - red, G - green, B - blue. The brightness of each color is given by one byte and can therefore take values ​​from 0 to 255. For example, RGB(255,0,0) is displayed as red since red is set to its highest value (255) and the rest are set to 0 You can also set the color as a percentage. Each parameter indicates the brightness level of the corresponding color. For example: the values ​​rgb(127, 255, 127) and rgb(50%, 100%, 50%) will set the same medium green color:

Example: Specifying Color Using 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 suggests, on the number 16. The hexadecimal system uses the following signs: 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 represented by combining two characters into one value. For example, the highest number 255 in decimal corresponds to the highest FF value in hexadecimal. Unlike the decimal system, a hexadecimal number is preceded by a hash symbol. # , for example, #FF0000 is shown as red because red is set to its highest value (FF) and the rest of the colors are set to their minimum value (00). Signs after the hash symbol # You can type in both uppercase and lowercase. The hexadecimal system allows you to use the abbreviated form #rgb, where each character is equivalent to double. Thus, the entry #f7O should be regarded as #ff7700.

Example: HEX Color

  • 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 name 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
Ochre 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.

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

Minecraft Codes colors, or Minecraft codes formatting, allow any player to add flowers and format text in every possible way directly in Minecraft. Color codes from &0-9 - to &a-f. Add them before your text. Messages from players can contain color codes that allow you to add color to your sentences.

Colors and formatting codes

The ampersand sign (&) followed by a hexadecimal number in messages signals the client to switch colors when displaying text. Additionally, text can be formatted with an & followed by a letter. You can add different colors to books, command blocks, server name, server description (motd), world names, signs, and even player names.

It's very easy to format your text in configs or in game using the color chart below. &r is used to reset all codes, i.e. &mAAA&rBBB will be displayed as AAA BBB.

We present a table of existing color codes in Minecraft for your convenience:

CodeNameTechnical NameSymbol colorSymbol shadow color
RGBHexRGBHex
&0 Blackblack0 0 0 000000 0 0 0 000000
&1 Dark bluedark_blue0 0 170 0000AA0 0 42 00002A
&2 Dark greendark_green0 170 0 00AA000 42 0 002A00
&3 Dark blue-greendark_aqua0 170 170 00AAA0 42 42 002A2A
&4 Dark reddark_red170 0 0 AA000042 0 0 2A0000
&5 Dark purpledark_purple170 0 170 AA00AA42 0 42 2A002A
&6 Goldgold255 170 0 FFAA0042 42 0 2A2A00
&7 Greygray170 170 170 AAAAAA42 42 42 2A2A2A
&8 Dark greydark_gray85 85 85 555555 21 21 21 151515
&9 Blueblue85 85 255 5555FF21 21 63 15153F
&aGreengreen85 255 85 55FF5521 63 21 153F15
&bBlue-greenaqua85 255 255 55FFFF21 63 63 153F3F
&cRedred255 85 85 FF555563 21 21 3F1515
&dLight purplelight_purple255 85 255 FF55FF63 21 63 3F153F
&eYellowyellow255 255 85 FFFF5563 63 21 3F3F15
&fWhitewhite255 255 255 FFFFFF63 63 63 3F3F3F

Sometimes it is necessary underline, cross out, highlight any text. This is done using text formatting. It is used in exactly the same way as colors (we put before the text code, for example &lMinecraft = Minecraft.

For your convenience, below is a table of formatting codes:

CodeName
&kMagic text
&lThumbnail
&mStrikethrough text
&nUnderlined text
&oItalic text
&rText without formatting