- CSS color codes
- Setting element background color
- Setting element border color
- Red colors
- Orange colors
- Yellow colors
- Green colors
- Cyan colors
- Blue colors
- Purple colors
- Pink colors
- White colors
- Gray colors
- Brown colors
- See also
- Html color code coding
- HTML Color Picker
- HTML Color Codes Theory
- Support this website
- HTML Colors
- Color Names
- Background Color
- Example
- Hello World Lorem ipsum. Text Color You can set the color of text: Hello World Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Example Hello World Lorem ipsum. Ut wisi enim. Border Color You can set the color of borders: Hello World Hello World Hello World Example Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник HTML Color Codes 🎨 The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes! Color Picker RGB: rgb(102,232,232) HSL: hsl(232,232,232) What is a HTML color code? A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen. For example, the color red can be identifier using the following formats: Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection. To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;» What are HTML color codes used for? HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes. Источник
- Text Color
- Hello World
- Example
- Hello World Lorem ipsum. Ut wisi enim. Border Color You can set the color of borders: Hello World Hello World Hello World Example Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник HTML Color Codes 🎨 The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes! Color Picker RGB: rgb(102,232,232) HSL: hsl(232,232,232) What is a HTML color code? A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen. For example, the color red can be identifier using the following formats: Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection. To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;» What are HTML color codes used for? HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes. Источник
- Border Color
- Hello World
- Hello World
- Hello World
- Example
- Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник HTML Color Codes 🎨 The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes! Color Picker RGB: rgb(102,232,232) HSL: hsl(232,232,232) What is a HTML color code? A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen. For example, the color red can be identifier using the following formats: Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection. To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;» What are HTML color codes used for? HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes. Источник
- Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник HTML Color Codes 🎨 The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes! Color Picker RGB: rgb(102,232,232) HSL: hsl(232,232,232) What is a HTML color code? A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen. For example, the color red can be identifier using the following formats: Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection. To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;» What are HTML color codes used for? HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes. Источник
- Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник HTML Color Codes 🎨 The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes! Color Picker RGB: rgb(102,232,232) HSL: hsl(232,232,232) What is a HTML color code? A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen. For example, the color red can be identifier using the following formats: Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection. To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;» What are HTML color codes used for? HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes. Источник
- Color Values
- HTML Color Codes 🎨
- Color Picker
- What is a HTML color code?
- What are HTML color codes used for?
CSS color codes
For all elements of the same type. Put code in tag in the head section:
Example
Setting paragraph text color to red:
Setting color of specific paragraph:
Setting color of all paragraphs
Setting element background color
Example
Setting paragraph background color to red:
Setting background color of specific paragraph:
Setting background color of all paragraphs:
Setting element border color
element < border-color: topcode rightcode bottomcode leftcode >
Example
Setting paragraph border color to red, green, blue and black:
Setting border color of specific paragraph:
Setting border color of all paragraphs:
Red colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| lightsalmon | #FFA07A | rgb(255,160,122) | |
| salmon | #FA8072 | rgb(250,128,114) | |
| darksalmon | #E9967A | rgb(233,150,122) | |
| lightcoral | #F08080 | rgb(240,128,128) | |
| indianred | #CD5C5C | rgb(205,92,92) | |
| crimson | #DC143C | rgb(220,20,60) | |
| firebrick | #B22222 | rgb(178,34,34) | |
| red | #FF0000 | rgb(255,0,0) | |
| darkred | #8B0000 | rgb(139,0,0) |
Orange colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| coral | #FF7F50 | rgb(255,127,80) | |
| tomato | #FF6347 | rgb(255,99,71) | |
| orangered | #FF4500 | rgb(255,69,0) | |
| gold | #FFD700 | rgb(255,215,0) | |
| orange | #FFA500 | rgb(255,165,0) | |
| darkorange | #FF8C00 | rgb(255,140,0) |
Yellow colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| lightyellow | #FFFFE0 | rgb(255,255,224) | |
| lemonchiffon | #FFFACD | rgb(255,250,205) | |
| lightgoldenrodyellow | #FAFAD2 | rgb(250,250,210) | |
| papayawhip | #FFEFD5 | rgb(255,239,213) | |
| moccasin | #FFE4B5 | rgb(255,228,181) | |
| peachpuff | #FFDAB9 | rgb(255,218,185) | |
| palegoldenrod | #EEE8AA | rgb(238,232,170) | |
| khaki | #F0E68C | rgb(240,230,140) | |
| darkkhaki | #BDB76B | rgb(189,183,107) | |
| yellow | #FFFF00 | rgb(255,255,0) |
Green colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| lawngreen | #7CFC00 | rgb(124,252,0) | |
| chartreuse | #7FFF00 | rgb(127,255,0) | |
| limegreen | #32CD32 | rgb(50,205,50) | |
| lime | #00FF00 | rgb(0.255.0) | |
| forestgreen | #228B22 | rgb(34,139,34) | |
| green | #008000 | rgb(0,128,0) | |
| darkgreen | #006400 | rgb(0,100,0) | |
| greenyellow | #ADFF2F | rgb(173,255,47) | |
| yellowgreen | #9ACD32 | rgb(154,205,50) | |
| springgreen | #00FF7F | rgb(0,255,127) | |
| mediumspringgreen | #00FA9A | rgb(0,250,154) | |
| lightgreen | #90EE90 | rgb(144,238,144) | |
| palegreen | #98FB98 | rgb(152,251,152) | |
| darkseagreen | #8FBC8F | rgb(143,188,143) | |
| mediumseagreen | #3CB371 | rgb(60,179,113) | |
| seagreen | #2E8B57 | rgb(46,139,87) | |
| olive | #808000 | rgb(128,128,0) | |
| darkolivegreen | #556B2F | rgb(85,107,47) | |
| olivedrab | #6B8E23 | rgb(107,142,35) |
Cyan colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| lightcyan | #E0FFFF | rgb(224,255,255) | |
| cyan | #00FFFF | rgb(0,255,255) | |
| aqua | #00FFFF | rgb(0,255,255) | |
| aquamarine | #7FFFD4 | rgb(127,255,212) | |
| mediumaquamarine | #66CDAA | rgb(102,205,170) | |
| paleturquoise | #AFEEEE | rgb(175,238,238) | |
| turquoise | #40E0D0 | rgb(64,224,208) | |
| mediumturquoise | #48D1CC | rgb(72,209,204) | |
| darkturquoise | #00CED1 | rgb(0,206,209) | |
| lightseagreen | #20B2AA | rgb(32,178,170) | |
| cadetblue | #5F9EA0 | rgb(95,158,160) | |
| darkcyan | #008B8B | rgb(0,139,139) | |
| teal | #008080 | rgb(0,128,128) |
Blue colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| powderblue | #B0E0E6 | rgb(176,224,230) | |
| lightblue | #ADD8E6 | rgb(173,216,230) | |
| lightskyblue | #87CEFA | rgb(135,206,250) | |
| skyblue | #87CEEB | rgb(135,206,235) | |
| deepskyblue | #00BFFF | rgb(0,191,255) | |
| lightsteelblue | #B0C4DE | rgb(176,196,222) | |
| dodgerblue | #1E90FF | rgb(30,144,255) | |
| cornflowerblue | #6495ED | rgb(100,149,237) | |
| steelblue | #4682B4 | rgb(70,130,180) | |
| royalblue | #4169E1 | rgb(65,105,225) | |
| blue | #0000FF | rgb(0,0,255) | |
| mediumblue | #0000CD | rgb(0,0,205) | |
| darkblue | #00008B | rgb(0,0,139) | |
| navy | #000080 | rgb(0,0,128) | |
| midnightblue | #191970 | rgb(25,25,112) | |
| mediumslateblue | #7B68EE | rgb(123,104,238) | |
| slateblue | #6A5ACD | rgb(106,90,205) | |
| darkslateblue | #483D8B | rgb(72,61,139) |
Purple colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| lavender | #E6E6FA | rgb(230,230,250) | |
| thistle | #D8BFD8 | rgb(216,191,216) | |
| plum | #DDA0DD | rgb(221,160,221) | |
| violet | #EE82EE | rgb(238,130,238) | |
| orchid | #DA70D6 | rgb(218,112,214) | |
| fuchsia | #FF00FF | rgb(255,0,255) | |
| magenta | #FF00FF | rgb(255,0,255) | |
| mediumorchid | #BA55D3 | rgb(186,85,211) | |
| mediumpurple | #9370DB | rgb(147,112,219) | |
| blueviolet | #8A2BE2 | rgb(138,43,226) | |
| darkviolet | #9400D3 | rgb(148,0,211) | |
| darkorchid | #9932CC | rgb(153,50,204) | |
| darkmagenta | #8B008B | rgb(139,0,139) | |
| purple | #800080 | rgb(128,0,128) | |
| indigo | #4B0082 | rgb(75,0,130) |
Pink colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| pink | #FFC0CB | rgb(255,192,203) | |
| lightpink | #FFB6C1 | rgb(255,182,193) | |
| hotpink | #FF69B4 | rgb(255,105,180) | |
| deeppink | #FF1493 | rgb(255,20,147) | |
| palevioletred | #DB7093 | rgb(219,112,147) | |
| mediumvioletred | #C71585 | rgb(199,21,133) |
White colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| white | #FFFFFF | rgb(255,255,255) | |
| snow | #FFFAFA | rgb(255,250,250) | |
| honeydew | #F0FFF0 | rgb(240,255,240) | |
| mintcream | #F5FFFA | rgb(245,255,250) | |
| azure | #F0FFFF | rgb(240,255,255) | |
| aliceblue | #F0F8FF | rgb(240,248,255) | |
| ghostwhite | #F8F8FF | rgb(248,248,255) | |
| whitesmoke | #F5F5F5 | rgb(245,245,245) | |
| seashell | #FFF5EE | rgb(255,245,238) | |
| beige | #F5F5DC | rgb(245,245,220) | |
| oldlace | #FDF5E6 | rgb(253,245,230) | |
| floralwhite | #FFFAF0 | rgb(255,250,240) | |
| ivory | #FFFFF0 | rgb(255,255,240) | |
| antiquewhite | #FAEBD7 | rgb(250,235,215) | |
| linen | #FAF0E6 | rgb(250,240,230) | |
| lavenderblush | #FFF0F5 | rgb(255,240,245) | |
| mistyrose | #FFE4E1 | rgb(255,228,225) |
Gray colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| gainsboro | #DCDCDC | rgb(220,220,220) | |
| lightgray | #D3D3D3 | rgb(211,211,211) | |
| silver | #C0C0C0 | rgb(192,192,192) | |
| darkgray | #A9A9A9 | rgb(169,169,169) | |
| gray | #808080 | rgb(128,128,128) | |
| dimgray | #696969 | rgb(105,105,105) | |
| lightslategray | #778899 | rgb(119,136,153) | |
| slategray | #708090 | rgb(112,128,144) | |
| darkslategray | #2F4F4F | rgb(47,79,79) | |
| black | #000000 | rgb(0,0,0) |
Brown colors
| Color | HTML / CSS Color Name | Hex Code #RRGGBB | Decimal Code (R,G,B) |
|---|---|---|---|
| cornsilk | #FFF8DC | rgb(255,248,220) | |
| blanchedalmond | #FFEBCD | rgb(255,235,205) | |
| bisque | #FFE4C4 | rgb(255,228,196) | |
| navajowhite | #FFDEAD | rgb(255,222,173) | |
| wheat | #F5DEB3 | rgb(245,222,179) | |
| burlywood | #DEB887 | rgb(222,184,135) | |
| tan | #D2B48C | rgb(210,180,140) | |
| rosybrown | #BC8F8F | rgb(188,143,143) | |
| sandybrown | #F4A460 | rgb(244,164,96) | |
| goldenrod | #DAA520 | rgb(218,165,32) | |
| peru | #CD853F | rgb(205,133,63) | |
| chocolate | #D2691E | rgb(210,105,30) | |
| saddlebrown | #8B4513 | rgb(139,69,19) | |
| sienna | #A0522D | rgb(160,82,45) | |
| brown | #A52A2A | rgb(165,42,42) | |
| maroon | #800000 | rgb(128,0,0) |
See also
Html color code coding
Click on any color square to get its HTML color code.
HTML Color Picker
Move the horizontal slider to chose color and then click into color square to get HTML color code.
HTML Color Codes Theory
So you are wondering «Does this weird combination of letters and numbers have any meaning?» Well the answer is «Yes» and this is how it goes:)
HTML Codes format:
Each HTML code contains symbol «#» and 6 letters or numbers. These numbers are in hexadecimal numeral system. For example «FF» in hexadecimal represents number 255 in Decimal.
Meaning of symbols:
The first two symbols in HTML color code represents the intensity of red color. 00 is the least and FF is the most intense. The third and fourth represents intensity of green and fifth and sixth represents the intensity of blue. So with combining the intensity of red, green and blue we can mix almost any color that our heart desire;)
Examples:
#FF0000 — With this HTML code we tell browser to show maximum of red and no green and no blue. The result is of course pure red color:
#00FF00 — This HTML code shows just green and no red and blue. The result is:
#0000FF — This HTML code shows just blue and no red and green. The result is:
#FFFF00 — Combination of red and green color gives us yellow:
#CCEEFF — Take some red a bit more of green and maximum of blue to get color of sky:
Support this website
Please support this website by linking to it. All you have to do is to put the code below on your website. Or spread the word trough social networks (Twitter, Facebook):
HTML Colors
HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.
Color Names
In HTML, a color can be specified by using a color name:
Background Color
You can set the background color for HTML elements:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Example
Hello World
Lorem ipsum.
Text Color
You can set the color of text:
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Example
Hello World
Lorem ipsum.
Ut wisi enim.
Border Color
You can set the color of borders:
Hello World
Hello World
Hello World
Example
Hello World
Hello World
Hello World Color Values
In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.
The following three elements have their background color set with RGB, HEX, and HSL values:
The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency):
HTML Color Codes 🎨
The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes!
Color Picker
RGB: rgb(102,232,232)
HSL: hsl(232,232,232)
What is a HTML color code?
A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen.
For example, the color red can be identifier using the following formats:
Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection.
To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;»
What are HTML color codes used for?
HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes.