HTML color codes are hexadecimal triplets that represent red, green and blue color. In this post I will explain the theory about HTML Color codes, how their format is created and which of them are defined in HTML and CSS color specification.
How HTML Color Codes are generated?
HTML color code format is symbol '#' and 6 letters or numbers. These numbers are written in hexadecimal numeric system.
First 2 symbols represent the intensity of
red color between 00 (which is least) and FF (most intense).
Second 2 symbols (third na fourth) represent the intensity of
green color while last 2 symbols (fifth and sixth) represent the intensity of
blue color.
Mixing these 3 basic colors we can create any color we need.
HTML Color Codes defined in HTML and CSS colors specification
There are 140 html color codes defined in HTML and CSS color specification, 17 of them are standard colors and 123 other colors.
Standard HTML Colors
Here is a list of all 17 including their color name and hex code.
Color Name |
HEX |
Color |
Aqua |
#00FFFF |
|
Black |
#000000 |
|
Blue |
#0000FF |
|
Fuchsia |
#FF00FF |
|
Gray |
#808080 |
|
Green |
#008000 |
|
Lime |
#00FF00 |
|
Maroon |
#800000 |
|
Navy |
#000080 |
|
Olive |
#808000 |
|
Orange |
#FFA500 |
|
Purple |
#800080 |
|
Red |
#FF0000 |
|
Silver |
#C0C0C0 |
|
Teal |
#008080 |
|
White |
#FFFFFF |
|
Yellow |
#FFFF00 |
|
Other HTML Colors
Here is a list of all other colors that are defined in HTML and CSS color specification.
Color Name |
HEX |
Color |
AliceBlue |
#F0F8FF |
|
AntiqueWhite |
#FAEBD7 |
|
Aquamarine |
#7FFFD4 |
|
Azure |
#F0FFFF |
|
Beige |
#F5F5DC |
|
Bisque |
#FFE4C4 |
|
BlanchedAlmond |
#FFEBCD |
|
BlueViolet |
#8A2BE2 |
|
Brown |
#A52A2A |
|
BurlyWood |
#DEB887 |
|
CadetBlue |
#5F9EA0 |
|
Chartreuse |
#7FFF00 |
|
Chocolate |
#D2691E |
|
Coral |
#FF7F50 |
|
CornflowerBlue |
#6495ED |
|
Cornsilk |
#FFF8DC |
|
Crimson |
#DC143C |
|
Cyan |
#00FFFF |
|
DarkBlue |
#00008B |
|
DarkCyan |
#008B8B |
|
DarkGoldenRod |
#B8860B |
|
DarkGray |
#A9A9A9 |
|
DarkGreen |
#006400 |
|
DarkKhaki |
#BDB76B |
|
DarkMagenta |
#8B008B |
|
DarkOliveGreen |
#556B2F |
|
DarkOrange |
#FF8C00 |
|
DarkOrchid |
#9932CC |
|
DarkRed |
#8B0000 |
|
DarkSalmon |
#E9967A |
|
DarkSeaGreen |
#8FBC8F |
|
DarkSlateBlue |
#483D8B |
|
DarkSlateGray |
#2F4F4F |
|
DarkTurquoise |
#00CED1 |
|
DarkViolet |
#9400D3 |
|
DeepPink |
#FF1493 |
|
DeepSkyBlue |
#00BFFF |
|
DimGray |
#696969 |
|
DodgerBlue |
#1E90FF |
|
FireBrick |
#B22222 |
|
FloralWhite |
#FFFAF0 |
|
ForestGreen |
#228B22 |
|
Gainsboro |
#DCDCDC |
|
GhostWhite |
#F8F8FF |
|
Gold |
#FFD700 |
|
GoldenRod |
#DAA520 |
|
GreenYellow |
#ADFF2F |
|
HoneyDew |
#F0FFF0 |
|
HotPink |
#FF69B4 |
|
IndianRed |
#CD5C5C |
|
Indigo |
#4B0082 |
|
Ivory |
#FFFFF0 |
|
Khaki |
#F0E68C |
|
Lavender |
#E6E6FA |
|
LavenderBlush |
#FFF0F5 |
|
LawnGreen |
#7CFC00 |
|
LemonChiffon |
#FFFACD |
|
LightBlue |
#ADD8E6 |
|
LightCoral |
#F08080 |
|
LightCyan |
#E0FFFF |
|
LightGoldenRodYellow |
#FAFAD2 |
|
LightGray |
#D3D3D3 |
|
LightGreen |
#90EE90 |
|
LightPink |
#FFB6C1 |
|
LightSalmon |
#FFA07A |
|
LightSeaGreen |
#20B2AA |
|
LightSkyBlue |
#87CEFA |
|
LightSlateGray |
#778899 |
|
LightSteelBlue |
#B0C4DE |
|
LightYellow |
#FFFFE0 |
|
LimeGreen |
#32CD32 |
|
Linen |
#FAF0E6 |
|
Magenta |
#FF00FF |
|
MediumAquaMarine |
#66CDAA |
|
MediumBlue |
#0000CD |
|
MediumOrchid |
#BA55D3 |
|
MediumPurple |
#9370DB |
|
MediumSeaGreen |
#3CB371 |
|
MediumSlateBlue |
#7B68EE |
|
MediumSpringGreen |
#00FA9A |
|
MediumTurquoise |
#48D1CC |
|
MediumVioletRed |
#C71585 |
|
MidnightBlue |
#191970 |
|
MintCream |
#F5FFFA |
|
MistyRose |
#FFE4E1 |
|
Moccasin |
#FFE4B5 |
|
NavajoWhite |
#FFDEAD |
|
OldLace |
#FDF5E6 |
|
OliveDrab |
#6B8E23 |
|
OrangeRed |
#FF4500 |
|
Orchid |
#DA70D6 |
|
PaleGoldenRod |
#EEE8AA |
|
PaleGreen |
#98FB98 |
|
PaleTurquoise |
#AFEEEE |
|
PaleVioletRed |
#DB7093 |
|
PapayaWhip |
#FFEFD5 |
|
PeachPuff |
#FFDAB9 |
|
Peru |
#CD853F |
|
Pink |
#FFC0CB |
|
Plum |
#DDA0DD |
|
PowderBlue |
#B0E0E6 |
|
RosyBrown |
#BC8F8F |
|
RoyalBlue |
#4169E1 |
|
SaddleBrown |
#8B4513 |
|
Salmon |
#FA8072 |
|
SandyBrown |
#F4A460 |
|
SeaGreen |
#2E8B57 |
|
SeaShell |
#FFF5EE |
|
Sienna |
#A0522D |
|
SkyBlue |
#87CEEB |
|
SlateBlue |
#6A5ACD |
|
SlateGray |
#708090 |
|
Snow |
#FFFAFA |
|
SpringGreen |
#00FF7F |
|
SteelBlue |
#4682B4 |
|
Tan |
#D2B48C |
|
Thistle |
#D8BFD8 |
|
Tomato |
#FF6347 |
|
Turquoise |
#40E0D0 |
|
Violet |
#EE82EE |
|
Wheat |
#F5DEB3 |
|
WhiteSmoke |
#F5F5F5 |
|
YellowGreen |
#9ACD32 |
|
HTML Color Picker
Because we discussed about html colors in this post here is color picker where you can select the desired color and you will see the hexadecimal value.
Generate Random HTML Hex Color Code using PHP
Also here is a quick function for those that need to generate random html hex color.
function rand_color() {
return sprintf('#%06X', mt_rand(0, 0xFFFFFF));
}
Above function generates number between 0x0 and 0xFFFFFF and converts it into hexadecimal
Other Posts You Might Like