HTML/CSS/Reference/Color
Содержание
- 1 A table of color names that are supported by most browsers
- 2 HTML Color Names
- 2.1 Color Names: 140 color names are listed alphabetically.
- 2.2 Color Names List
- 2.3 Color Names
- 2.4 Colors are displayed combining: RED, GREEN, and BLUE light sources
- 2.5 Color Values
- 2.6 Colors Sorted Alphabetically
- 2.7 Cross Platform Colors
- 2.8 Cross Platform Colors
- 2.9 CSS Color Chart: Gray Scale
- 3 "Browser-Safe" Color Mixing Chart
- 4 "Browser-Safe" Color Mixing Chart
- 5 "Browser-Safe" Color Mixing Chart
- 6 "Browser-Safe" Color Mixing Chart
- 7 "Browser-Safe" Color Mixing Chart
- 8 "Browser-Safe" Color Mixing Chart
- 9 HTML Color Names
A table of color names that are supported by most browsers
<source lang="html4strict">
HTML Color Names
On this page you will find a table of color names that are supported by most browsers.
Color Name | Color HEX | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | ||
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 | |
Black | #000000 | |
BlanchedAlmond | #FFEBCD | |
Blue | #0000FF | |
BlueViolet | #8A2BE2 | |
Brown | #A52A2A | |
BurlyWood | #DEB887 | |
CadetBlue | #5F9EA0 | |
Chartreuse | #7FFF00 | |
Chocolate | #D2691E</a> | |
Coral | #FF7F50 | |
CornflowerBlue | #6495ED | |
Cornsilk | #FFF8DC | |
Crimson | #DC143C | |
Cyan</a> | #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 | |
Feldspar | #D19275 | |
FireBrick | #B22222 | |
FloralWhite | #FFFAF0 | |
ForestGreen | #228B22 | |
Fuchsia | #FF00FF | |
Gainsboro | #DCDCDC | |
GhostWhite | #F8F8FF | |
Gold | #FFD700 | |
GoldenRod | #DAA520 | |
Gray | #808080 | |
Green | #008000 | |
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 | |
LightGrey | #D3D3D3 | |
LightGreen | #90EE90 | |
LightPink | #FFB6C1 | |
LightSalmon | #FFA07A | |
LightSeaGreen | #20B2AA | |
LightSkyBlue | #87CEFA | |
LightSlateBlue | #8470FF | |
LightSlateGray | #778899 | |
LightSteelBlue | #B0C4DE | |
LightYellow | #FFFFE0 | |
Lime | #00FF00 | |
LimeGreen | #32CD32 | |
Linen | #FAF0E6 | |
Magenta | #FF00FF | |
Maroon | #800000 | |
MediumAquaMarine | #66CDAA | |
MediumBlue | #0000CD | |
MediumOrchid | #BA55D3 | |
MediumPurple | #9370D8 | |
MediumSeaGreen | #3CB371 | |
MediumSlateBlue | #7B68EE | |
MediumSpringGreen | #00FA9A | |
MediumTurquoise | #48D1CC | |
MediumVioletRed | #C71585 | |
MidnightBlue | #191970 | |
MintCream | #F5FFFA | |
MistyRose | #FFE4E1 | |
Moccasin | #FFE4B5 | |
NavajoWhite | #FFDEAD | |
Navy | #000080 | |
OldLace | #FDF5E6 | |
Olive | #808000 | |
OliveDrab | #6B8E23 | |
Orange | #FFA500 | |
OrangeRed | #FF4500 | |
Orchid | #DA70D6 | |
PaleGoldenRod | #EEE8AA | |
PaleGreen | #98FB98 | |
PaleTurquoise | #AFEEEE | |
PaleVioletRed | #D87093 | |
PapayaWhip | #FFEFD5 | |
PeachPuff | #FFDAB9 | |
Peru | #CD853F | |
Pink | #FFC0CB | |
Plum | #DDA0DD | |
PowderBlue | #B0E0E6 | |
Purple | #800080 | |
Red | #FF0000 | |
RosyBrown | #BC8F8F | |
RoyalBlue | #4169E1 | |
SaddleBrown | #8B4513 | |
Salmon | #FA8072 | |
SandyBrown | #F4A460 | |
SeaGreen | #2E8B57 | |
SeaShell | #FFF5EE | |
Sienna | #A0522D | |
Silver | #C0C0C0 | |
SkyBlue | #87CEEB | |
SlateBlue | #6A5ACD | |
#708090 | ||
Snow | #FFFAFA | |
SpringGreen | #00FF7F | |
SteelBlue | #4682B4 | |
Tan | #D2B48C | |
Teal | #008080 | |
Thistle | #D8BFD8 | |
Tomato | #FF6347 | |
Turquoise | #40E0D0 | |
Violet | #EE82EE | |
VioletRed | #D02090 | |
Wheat | #F5DEB3 | |
White | #FFFFFF | |
WhiteSmoke | #F5F5F5 | |
Yellow | #FFFF00 | |
YellowGreen | #9ACD32 |
</source>
Color Names: 140 color names are listed alphabetically.
<source lang="html4strict">
<HTML> <HEAD> <TITLE>Color Names</TITLE> </HEAD> <BODY>
HTML Color Names
140 color names are listed alphabetically.
aliceblue 240,248,255 |
darkslategray 47,79,79 |
lightsalmon 255,160,122 |
palevioletred 219,112,147 |
antiquewhite 250,235,215 |
darkturquoise 0,206,209 |
lightseagreen 32,178,170 |
papayawhip 255,239,213 |
aqua 0,255,255 |
darkviolet 148,0,211 |
lightskyblue 135,206,250 |
peachpuff 255,239,213 |
aquamarine 127,255,212 |
deeppink 255,20,147 |
lightslategray 119,136,153 |
peru 205,133,63 |
azure 240,255,255 |
deepskyblue 0,191,255 |
lightsteelblue 176,196,222 |
pink 255,192,203 |
beige 245,245,220 |
dimgray 105,105,105 |
lightyellow 255,255,224 |
plum 221,160,221 |
bisque 255,228,196 |
dodgerblue 30,144,255 |
lime 0,255,0 |
powderblue 176,224,230 |
black 0,0,0 |
firebrick 178,34,34 |
limegreen 50,205,50 |
purple 128,0,128 |
blanchedalmond 255,255,205 |
floralwhite 255,250,240 |
linen 250,240,230 |
red 225,0,0 |
blue 0,0,255 |
forestgreen 34,139,34 |
magenta 255,0,255 |
rosybrown 188,143,143 |
blueviolet 138,43,226 |
fuchsia 255,0,255 |
maroon 128,0,0 |
royalblue 65,105,225 |
brown 165,42,42 |
gainsboro 220,220,220 |
mediumaquamarine 102,205,170 |
saddlebrown 139,69,19 |
burlywood 222,184,135 |
ghostwhite 248,248,255 |
mediumblue 0,0,205 |
salmon 250,128,114 |
cadetblue 95,158,160 |
gold 255,215,0 |
mediumorchid 186,85,211 |
sandybrown 244,164,96 |
chartreuse 127,255,0 |
goldenrod 218,165,32 |
mediumpurple 147,112,219 |
seagreen 46,139,87 |
chocolate 210,105,30 |
gray 128,128,128 |
mediumseagreen 60,179,113 |
seashell 255,245,238 |
coral 255,127,80 |
green 0,128,0 |
mediumslateblue 123,104,238 |
sienna 160,82,45 |
cornflowerblue 100,149,237 |
greenyellow 173,255,47 |
mediumspringgreen 0,250,154 |
silver 192,192,192 |
cornsilk 255,248,220 |
honeydew 240,255,240 |
mediumturquoise 72,209,204 |
skyblue 135,206,235 |
crimson 220,20,60 |
hotpink 255,105,180 |
mediumvioletred 199,21,133 |
slateblue 106,90,205 |
cyan 0,255,255 |
indianred 205,92,92 |
midnightblue 25,25,112 |
slategray 112,128,144 |
darkblue 0,0,139 |
indigo 75,0,130 |
mintcream 245,255,250 |
snow 255,250,250 |
darkcyan 0,139,139 |
ivory 255,240,240 |
mistyrose 255,228,225 |
springgreen 0,255,127 |
darkgoldenrod 184,134,11 |
khaki 240,230,140 |
moccasin 255,228,181 |
steelblue 70,130,180 |
darkgray 169,169,169 |
lavender 230,230,250 |
navajowhite 255,222,173 |
tan 210,180,140 |
darkgreen 0,100,0 |
lavenderblush 255,240,245 |
navy 0,0,128 |
teal 0,128,128 |
darkkhaki 189,183,107 |
lawngreen 124,252,0 |
oldlace 253,245,230 |
thistle 216,191,216 |
darkmagenta 139,0,139 |
lemonchiffon 255,250,205 |
olive 128,128,0 |
tomato 253,99,71 |
darkolivegreen 85,107,47 |
lighblue 173,216,230 |
olivedrab 107,142,35 |
turquoise 64,224,208 |
darkorange 255,140,0 |
lightcoral 240,128,128 |
orange 255,165,0 |
violet 238,130,238 |
darkorchid 153,50,204 |
lightcyan 224,255,255 |
orangered 255,69,0 |
wheat 245,222,179 |
darkred 139,0,0 |
lightgoldenrodyellow 250,250,210 |
orchid 218,112,214 |
white 255,255,255 |
darksalmon 233,150,122 |
lightgreen 144,238,144 |
palegoldenrod 238,232,170 |
whitesmoke 245,245,245 |
darkseagreen 143,188,143 |
lightgrey 211,211,211 |
palegreen 152,251,152 |
yellow 255,255,0 |
darkslateblue 72,61,139 |
lightpink 255,182,193 |
paleturquoise 175,238,238 |
yellowgreen 154,205,50 |
</BODY> </HTML>
</source>
Color Names List
<source lang="html4strict">
<html> <body>
Color Names
A collection of color names is supported by most browsers.
Color | Color HEX | Color Name |
---|---|---|
#F0F8FF | AliceBlue | |
#FAEBD7 | AntiqueWhite | |
#7FFFD4 | Aquamarine | |
#000000 | Black | |
#0000FF | Blue | |
#8A2BE2 | BlueViolet | |
#A52A2A | Brown |
</body> </html>
</source>
Colors are displayed combining: RED, GREEN, and BLUE light sources
<source lang="html4strict">
<html> <body> Colors are displayed combining RED, GREEN, and BLUE light sources.</p>
Color Values
This table shows the result of combining Red, Green, and Blue light sources:.
Color | Color HEX | Color RGB |
---|---|---|
#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) |
</body> </html>
</source>
Colors Sorted Alphabetically
<source lang="html4strict">
Color Keyword Hexadecimal Value RGB aliceblue #F0F8FF 240, 248, 255 antiquewhite #FAEBD7 250, 235, 215 aqua #00FFFF 0, 255, 255 aquamarine #7FFFD4 127, 255, 212 azure #F0FFFF 240, 255, 255 beige #F5F5DC 245, 245, 220 bisque #FFE4C4 255, 228, 196 black #000000 0, 0, 0 blanchedalmond #FFEBCD 255, 235, 205 blue #0000FF 0, 0, 255 blueviolet #8A2BE2 138, 43, 226 brown #A52A2A 165, 42, 42 burlywood #DEB887 222, 184, 135 cadetblue #5F9EA0 95, 158, 160 chartreuse #7FFF00 127, 255, 0 chocolate #D2691E 210, 105, 30 coral #FF7F50 255, 127, 80 cornflowerblue #6495ED 100, 149, 237 cornsilk #FFF8DC 255, 248, 220 crimson #DC143C 220, 20, 60 cyan #00FFFF 0, 255, 255 darkblue #00008B 0, 0, 139 darkcyan #008B8B 0, 139, 139 darkgoldenrod #B8860B 184, 134, 11 darkgray #A9A9A9 169, 169, 169 darkgreen #006400 0, 100, 0 darkgrey #A9A9A9 169, 169, 169 darkkhaki #BDB76B 189, 183, 107 darkmagenta #8B008B 139, 0, 139 darkolivegreen #556B2F 85, 107, 47 darkorange #FF8C00 255, 140, 0 darkorchid #9932CC 153, 50, 204 darkred #8B0000 139, 0, 0 darksalmon #E9967A 233, 150, 122 darkseagreen #8FBC8F 143, 188, 143 darkslateblue #483D8B 72, 61, 139 darkslategray #2F4F4F 47, 79, 79 darkslategrey #2F4F4F 47, 79, 79 darkturquoise #00CED1 0, 206, 209 darkviolet #9400D3 148, 0, 211 deeppink #FF1493 255, 20, 147 deepskyblue #00BFFF 0, 191, 255 dimgray #696969 105, 105, 105 dimgrey #696969 105, 105, 105 dodgerblue #1E90FF 30, 144, 255 firebrick #B22222 178, 34, 34 floralwhite #FFFAF0 255, 250, 240 forestgreen #228B22 34, 139, 34 fuchsia #FF00FF 255, 0, 255 gainsboro #DCDCDC 220, 220, 220 ghostwhite #F8F8FF 248, 248, 255 gold #FFD700 255, 215, 0 goldenrod #DAA520 218, 165, 32 gray #808080 128, 128, 128 green #008000 0, 128, 0 greenyellow #ADFF2F 173, 255, 47 grey #808080 128, 128, 128 honeydew #F0FFF0 240, 255, 240 hotpink #FF69B4 255, 105, 180 indianred #CD5C5C 205, 92, 92 indigo #4B0082 75, 0, 130 ivory #FFFFF0 255, 255, 240 khaki #F0E68C 240, 230, 140 lavender #E6E6FA 230, 230, 250 lavenderblush #FFF0F5 255, 240, 245 lawngreen #7CFC00 124, 252, 0 lemonchiffon #FFFACD 255, 250, 205 lightblue #ADD8E6 173, 216, 230 lightcoral #F08080 240, 128, 128 lightcyan #E0FFFF 224, 255, 255 lightgoldenrodyellow #FAFAD2 250, 250, 210 lightgray #D3D3D3 211, 211, 211 lightgreen #90EE90 144, 238, 144 lightgrey #D3D3D3 211, 211, 211 lightpink #FFB6C1 255, 182, 193 lightsalmon #FFA07A 255, 160, 122 lightseagreen #20B2AA 32, 178, 170 lightskyblue #87CEFA 135, 206, 250 lightslategray #778899 119, 136, 153 lightslategrey #778899 119, 136, 153 lightsteelblue #B0C4DE 176, 196, 222 lightyellow #FFFFE0 255, 255, 224 lime #00FF00 0, 255, 0 limegreen #32CD32 50, 205, 50 linen #FAF0E6 250, 240, 230 magenta #FF00FF 255, 0, 255 maroon #800000 128, 0, 0 mediumaquamarine #66CDAA 102, 205, 170 mediumblue #0000CD 0, 0, 205 mediumorchid #BA55D3 186, 85, 211 mediumpurple #9370DB 147, 112, 219 mediumseagreen #3CB371 60, 179, 113 mediumslateblue #7B68EE 123, 104, 238 mediumspringgreen #00FA9A 0, 250, 154 mediumturquoise #48D1CC 72, 209, 204 mediumvioletred #C71585 199, 21, 133 midnightblue #191970 25, 25, 112 mintcream #F5FFFA 245, 255, 250 mistyrose #FFE4E1 255,228, 225 moccasin #FFE4B5 255, 228, 181 navajowhite #FFDEAD 255, 222, 173 navy #000080 0, 0, 128 oldlace #FDF5E6 253, 245, 230 olive #808000 128, 128, 0 olivedrab #6B8E23 107, 142, 35 orange #FFA500 255, 165, 0 orangered #FF4500 255, 69, 0 orchid #DA70D6 218, 112, 214 palegoldenrod #EEE8AA 238, 232, 170 palegreen #98FB98 152, 251, 152 paleturquoise #AFEEEE 175, 238, 238 palevioletred #DB7093 219, 112, 147 papayawhip #FFEFD5 255, 239, 213 peachpuff #FFDAB9 255, 218, 185 peru #CD853F 205, 133, 63 pink #FFC0CB 255, 192, 203 plum #DDA0DD 221, 160, 221 powderblue #B0E0E6 176, 224, 230 purple #800080 128, 0, 128 red #FF0000 255, 0, 0 rosybrown #BC8F8F 188, 143, 143 royalblue #4169E1 65, 105, 225 saddlebrown #8B4513 139, 69, 19 salmon #FA8072 250, 128, 114 sandybrown #F4A460 244, 164, 96 seagreen #2E8B57 46, 139, 87 seashell #FFF5EE 255, 245, 238 sienna #A0522D 160, 82, 45 silver #C0C0C0 192, 192, 192 skyblue #87CEEB 135, 206, 235 slateblue #6A5ACD 106, 90, 205 slategray #708090 112, 128, 144 snow #FFFAFA 255, 250, 250 springgreen #00FF7F 0, 255, 127 steelblue #4682B4 70, 130, 180 tan #D2B48C 210, 180, 140 teal #008080 0, 128, 128 thistle #D8BFD8 216, 191, 216 tomato #FF6347 255, 99, 71 turquoise #40E0D0 64, 224, 208 violet #EE82EE 238, 130, 238 wheat #F5DEB3 245, 222, 179 white #FFFFFF 255, 255, 255 whitesmoke #F5F5F5 245, 245, 245 yellow #FFFF00 255, 255, 0 yellowgreen #9ACD32 154, 205, 50
</source>
Cross Platform Colors
<source lang="html4strict">
<html> <body>
Cross Platform 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 |
</body>
</html>
</source>
CSS Color Chart: Gray Scale
<source lang="html4strict">
<html> <head> <title>CSS Color Chart</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)} th {background-color: rgb(65%65%65%)}
</style> </head> <body>
"Browser-Safe" Color Mixing Chart
Gray Scale
0% Red, Green, Blue | 20% Red, Green, Blue | 40% Red, Green, Blue | 60% Red, Green, Blue | 80% Red, Green, Blue | 100% Red, Green, Blue |
---|---|---|---|---|---|
?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
</body> </html>
</source>
CSS Color Chart: Mixture of Red and Green
<source lang="html4strict">
<html> <head> <title>CSS Color Chart</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)} th {background-color: rgb(65%65%65%)}
</style> </head> <body>
"Browser-Safe" Color Mixing Chart
Mixture of Red and Green
Color Mixture | 0% Red | 20% Red | 40% Red | 60% Red | 80% Red | 100% Red |
---|---|---|---|---|---|---|
0% Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
20% Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
40% Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
60% Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
80% Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
100% Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
</body> </html>
</source>
CSS Color Chart: Mixtures of Blue and Green
<source lang="html4strict">
<html> <head> <title>CSS Color Chart</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)} th {background-color: rgb(65%65%65%)}
</style> </head> <body>
"Browser-Safe" Color Mixing Chart
Color Mixture | 0% Green | 20% Green | 40% Green | 60% Green | 80% Green | 100% Green |
---|---|---|---|---|---|---|
0% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
20% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
40% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
60% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
80% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
100%Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
</body> </html>
</source>
CSS Color Chart: Mixtures of Blue and Red
<source lang="html4strict">
<html> <head> <title>CSS Color Chart</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)} th {background-color: rgb(65%65%65%)}
</style> </head> <body>
"Browser-Safe" Color Mixing Chart
Color Mixture | 0% Red | 20% Red | 40% Red | 60% Red | 80% Red | 100% Red |
---|---|---|---|---|---|---|
0% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
20% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
40% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
60% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
80% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
100% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
</body> </html>
</source>
CSS Color Chart:Mixtures of Red, Blue, and Green
<source lang="html4strict">
<html> <head> <title>CSS Color Chart</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)} th {background-color: rgb(65%65%65%)}
</style> </head> <body>
"Browser-Safe" Color Mixing Chart
Color Mixture | 0% Green | 20% Green | 40% Green | 60% Green | 80% Green | 100% Green |
---|---|---|---|---|---|---|
20% Red + 20% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
40% Red + 40% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
60% Red + 60% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
80% Red + 80% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
100% Red + 100% Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
</body> </html>
</source>
CSS Color Chart: Pure Colors
<source lang="html4strict">
<html> <head> <title>CSS Color Chart</title> <meta name="description" content=""> <meta name="keywords" content=""> <style type="text/css"> body {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
h1, h2 {color: rgb(80%80%80%)} th {background-color: rgb(65%65%65%)}
</style> </head> <body>
"Browser-Safe" Color Mixing Chart
Pure Colors
Color | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|
Pure Red | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
Pure Green | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
Pure Blue | ?/td> | ?/td> | ?/td> | ?/td> | ?/td> |
</body> </html>
</source>
Fixed Red value: #00
<source lang="html4strict">
<html> <body>
The Red value is: #00 |
---|
The vertical numbers are the Green values, horizontal values are the Blue.
00 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | A0 | B0 | C0 | D0 | E0 | F0 | FF | |
00 | |||||||||||||||||
08 | |||||||||||||||||
10 | |||||||||||||||||
18 | |||||||||||||||||
20 | |||||||||||||||||
28 | |||||||||||||||||
30 | |||||||||||||||||
38 | |||||||||||||||||
40 | |||||||||||||||||
48 | |||||||||||||||||
50 | |||||||||||||||||
58 | |||||||||||||||||
60 | |||||||||||||||||
68 | |||||||||||||||||
70 | |||||||||||||||||
78 | |||||||||||||||||
80 | |||||||||||||||||
88 | |||||||||||||||||
90 | |||||||||||||||||
98 | |||||||||||||||||
A0 | |||||||||||||||||
A8 | |||||||||||||||||
B0 | |||||||||||||||||
B8 | |||||||||||||||||
C0 | |||||||||||||||||
C8 | |||||||||||||||||
D0 | |||||||||||||||||
D8 | |||||||||||||||||
E0 | |||||||||||||||||
E8 | |||||||||||||||||
F0 | |||||||||||||||||
F8 | |||||||||||||||||
FF |
</body> </html>
</source>
Fixed Red value: #FF
<source lang="html4strict">
<th width="50%" align="left">The Red value is: #FF</th> <td width="50%" bgcolor="#FF0000"> </td> </tr> </table>
The vertical numbers are the Green values, horizontal values are the Blue.
00 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | A0 | B0 | C0 | D0 | E0 | F0 | FF | |
00 | |||||||||||||||||
08 | |||||||||||||||||
10 | |||||||||||||||||
18 | |||||||||||||||||
20 | |||||||||||||||||
28 | |||||||||||||||||
30 | |||||||||||||||||
38 | |||||||||||||||||
40 | |||||||||||||||||
48 | |||||||||||||||||
50 | |||||||||||||||||
58 | |||||||||||||||||
60 | |||||||||||||||||
68 | |||||||||||||||||
70 | |||||||||||||||||
78 | |||||||||||||||||
80 | |||||||||||||||||
88 | |||||||||||||||||
90 | |||||||||||||||||
98 | |||||||||||||||||
A0 | |||||||||||||||||
A8 | |||||||||||||||||
B0 | |||||||||||||||||
B8 | |||||||||||||||||
C0 | |||||||||||||||||
C8 | |||||||||||||||||
D0 | |||||||||||||||||
D8 | |||||||||||||||||
E0 | |||||||||||||||||
E8 | |||||||||||||||||
F0 | |||||||||||||||||
F8 | |||||||||||||||||
FF |
</source>
HTML Color Names
<source lang="html4strict">
<html> <head> <title>HTML Color Names</title> <body>
HTML Color Names
Color Name | Color HEX | Color |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 | |
Black | #000000 | |
BlanchedAlmond | #FFEBCD | |
Blue | #0000FF | |
BlueViolet | #8A2BE2 | |
Brown | #A52A2A | |
BurlyWood | #DEB887 | |
CadetBlue | #5F9EA0 | |
Chartreuse | #7FFF00 | |
Chocolate | #D2691E | |
Coral | #FF7F50 | |
CornflowerBlue | #6495ED | |
Cornsilk | #FFF8DC | |
Crimson | #DC143C | |
Cyan | 00FFFF">#00FFFF | |
DarkBlue | 00008B">#00008B | |
DarkCyan | 008B8B">#008B8B | |
DarkGoldenRod | B8860B">#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 | |
eepPink">DeepPink | FF1493">#FF1493 | |
DeepSkyBlue | #00BFFF | |
DimGray | 696969">#696969 | |
DodgerBlue | #1E90FF | |
Feldspar | D19275">#D19275 | |
FireBrick | B22222">#B22222 | |
FloralWhite | #FFFAF0 | |
ForestGreen | #228B22 | |
Fuchsia | #FF00FF | |
Gainsboro | #DCDCDC | |
GhostWhite | #F8F8FF | |
Gold | #FFD700 | |
GoldenRod | #DAA520 | |
Gray | #808080 | |
Green | #008000 | |
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 | |
LightGrey | #D3D3D3 | |
LightGreen | #90EE90 | |
LightPink | #FFB6C1 | |
LightSalmon | #FFA07A | |
LightSeaGreen | #20B2AA | |
LightSkyBlue | #87CEFA | |
LightSlateBlue | #8470FF | |
LightSlateGray | #778899 | |
LightSteelBlue | #B0C4DE | |
LightYellow | #FFFFE0 | |
Lime | #00FF00 | |
LimeGreen | #32CD32 | |
Linen | #FAF0E6 | |
Magenta | #FF00FF | |
Maroon | #800000 | |
MediumAquaMarine | #66CDAA | |
MediumBlue | #0000CD | |
MediumOrchid | #BA55D3 | |
MediumPurple | #9370D8 | |
MediumSeaGreen | #3CB371 | |
MediumSlateBlue | #7B68EE | |
MediumSpringGreen | #00FA9A | |
MediumTurquoise | #48D1CC | |
MediumVioletRed | #C71585 | |
MidnightBlue | #191970 | |
MintCream | #F5FFFA | |
MistyRose | #FFE4E1 | |
Moccasin | #FFE4B5 | |
NavajoWhite | #FFDEAD | |
Navy | #000080 | |
OldLace | #FDF5E6 | |
Olive | #808000 | |
OliveDrab | #6B8E23 | |
Orange | #FFA500 | |
OrangeRed | #FF4500 | |
Orchid | #DA70D6 | |
PaleGoldenRod | #EEE8AA | |
PaleGreen | #98FB98 | |
PaleTurquoise | #AFEEEE | |
PaleVioletRed | #D87093 | |
PapayaWhip | #FFEFD5 | |
PeachPuff | #FFDAB9 | |
Peru | #CD853F | |
Pink | #FFC0CB | |
Plum | #DDA0DD | |
PowderBlue | #B0E0E6 | |
Purple | #800080 | |
Red | #FF0000 | |
RosyBrown | #BC8F8F | |
RoyalBlue | #4169E1 | |
SaddleBrown | #8B4513 | |
Salmon | #FA8072 | |
SandyBrown | #F4A460 | |
SeaGreen | #2E8B57 | |
SeaShell | #FFF5EE | |
Sienna | #A0522D | |
Silver | #C0C0C0 | |
SkyBlue | #87CEEB | |
SlateBlue | #6A5ACD | |
SlateGray | #708090 | |
Snow | #FFFAFA | |
SpringGreen | #00FF7F | |
SteelBlue | #4682B4 | |
Tan | #D2B48C | |
Teal | #008080 | |
Thistle | #D8BFD8 | |
Tomato | #FF6347 | |
Turquoise | #40E0D0 | |
Violet | #EE82EE | |
VioletRed | #D02090 | |
Wheat | #F5DEB3 | |
White | #FFFFFF | |
WhiteSmoke | #F5F5F5 | |
Yellow | #FFFF00 | |
YellowGreen | #9ACD32 |
</body> </html>
</source>
Shades of Gray
<source lang="html4strict">
<html> <body>
Shades of Gray
RGB(0,0,0) | #000000 | |
RGB(8,8,8) | #080808 | |
RGB(16,16,16) | #101010 | |
RGB(24,24,24) | #181818 | |
RGB(32,32,32) | #202020 | |
RGB(40,40,40) | #282828 | |
RGB(48,48,48) | #303030 | |
RGB(56,56,56) | #383838 | |
RGB(64,64,64) | #404040 | |
RGB(72,72,72) | #484848 | |
RGB(80,80,80) | #505050 | |
RGB(88,88,88) | #585858 | |
RGB(96,96,96) | #606060 | |
RGB(104,104,104) | #686868 | |
RGB(112,112,112) | #707070 | |
RGB(120,120,120) | #787878 | |
RGB(128,128,128) | #808080 | |
RGB(136,136,136) | #888888 | |
RGB(144,144,144) | #909090 | |
RGB(152,152,152) | #989898 | |
RGB(160,160,160) | #A0A0A0 | |
RGB(168,168,168) | #A8A8A8 | |
RGB(176,176,176) | #B0B0B0 | |
RGB(184,184,184) | #B8B8B8 | |
RGB(192,192,192) | #C0C0C0 | |
RGB(200,200,200) | #C8C8C8 | |
RGB(208,208,208) | #D0D0D0 | |
RGB(216,216,216) | #D8D8D8 | |
RGB(224,224,224) | #E0E0E0 | |
RGB(232,232,232) | #E8E8E8 | |
RGB(240,240,240) | #F0F0F0 | |
RGB(248,248,248) | #F8F8F8 | |
RGB(255,255,255) | #FFFFFF |
</body> </html>
</source>
The Web Palette
<source lang="html4strict">
<HTML> <HEAD> <TITLE>The Web Palette</TITLE> </HEAD> <BODY> The Web Palette</b></font></p>
The The following table is a set of 216 colors that will not dither or shift on PCs or Macs.
255, 255, 255 |
255,255,204 |
255,255,153 |
255,255,102 |
255,255,51 |
255,255,0 |
255,204,255 |
255,204,204 |
255,204,153 |
255,204,102 |
255,204,51 |
255,255,0 |
255,153,255 |
255,153,204 |
255,153,153 |
255,153,102 |
255,153,51 |
255,153,0 |
255,102,255 |
255,102,204 |
255,102,153 |
255,102,102 |
255,102,51 |
255,102,0 |
255,51,255 |
255,51,204 |
255,51,153 |
255,51,102 |
255,51,51 |
255,51,0 |
255,0,255 |
255,0,204 |
255,0,153 |
255,0,102 |
255,0,51 |
255,0,0 |
204,255,255 |
204,255,204 |
204,255,153 |
204,255,102 |
204,255,51 |
204,255,0 |
204,204,255 |
204,204,204 |
204,204,153 |
204,204,102 |
204,204,51 |
204,204,0 |
204,153,255 |
204,153,204 |
204,153,153 |
204,153,102 |
204,153,51 |
204,153,0 |
204,102,255 |
204,102,204 |
204,102,153 |
204,102,102 |
204,102,51 |
204,102,0 |
204,51,255 |
204,51,204 |
204,51,153 |
204,51,102 |
204,51,51 |
204,51,0 |
204,0,255 |
204,0,204 |
204,0,153 |
204,0,102 |
204,051 |
204,0,0 |
153,255,255 |
153,255,204 |
153,255,153 |
153,255,102 |
153,255,51 |
153,255,0 |
153,204,255 |
153,204,204 |
153,204,153 |
153,204,102 |
153,204,51 |
153,204,0 |
153,153,255 |
153,153,204 |
153,153,153 |
153,153,102 |
153,153,51 |
153,153,0 |
153,102,255 |
153,102,204 |
153,102,153 |
153,102,102 |
153,102,51 |
153,102,0 |
153,51,255 |
153,51,204 |
153,51,153 |
153,51,102 |
153,51,51 |
153,51,0 |
153,0,255 |
153,0,204 |
153,0,153 |
153,0,102 |
153,0,51 |
153,0,0 |
102,255,255 |
102,255,204 |
102,255,153 |
102,255,102 |
102,255,51 |
102,255,0 |
102,204,255 |
102,204,204 |
102,204,153 |
102,204,102 |
102,204,51 |
102,204,0 |
102,153,255 |
102,153,204 |
102,153,153 |
102,153,102 |
102,153,51 |
102,153,0 |
102,102,255 |
102,102,204 |
102,102,153 |
102,102,102 |
102,102,51 |
102,102,0 |
102,51,255 |
102,51,204 |
102,51,153 |
102,51,102 |
102,51,51 |
102,51,0 |
102,0,255 |
102,0,204 |
102,0,153 |
102,0,102 |
102,0,51 |
102,0,0 |
51,255,255 |
51,255,204 |
51,255,153 |
51,255,102 |
51,255,51 |
51,255,0 |
51,204,255 |
51,204,204 |
51,204,153 |
51,204,102 |
51,204,51 |
51,204,0 |
51,153,255 |
51,153,204 |
51,153,153 |
51,153,102 |
51,153,51 |
51,153,0 |
51,102,255 |
51,102,204 |
51,102,153 |
51,102,102 |
51,102,51 |
51,102,0 |
51,51,255 |
51,51,204 |
51,51,153 |
51,51,102 |
51,51,51 |
51,51,0 |
51,0,255 |
51,0,204 |
51,0,153 |
51,0,102 |
51,0,51 |
51,0,0 |
0,255,255 |
0,255,204 |
0,255,153 |
0,255,102 |
0,255,51 |
0,255,0 |
0,204,255 |
0,204,204 |
0,204,153 |
0,204,102 |
0,204,51 |
0,204,0 |
0,153,255 |
0,153,204 |
0,153,153 |
0,153,102 |
0,153,51 |
0,153,0 |
0,102,255 |
0,102,204 |
0,102,153 |
0,102,102 |
0,102,51 |
0,102,0 |
0,51,255 |
0,51,204 |
0,51,153 |
0,51,102 |
0,51,51 |
0,51,0 |
0,0,255 |
0,0,204 |
0,0,153 |
0,0,102 |
0,0,51 |
0,0,0 |
</BODY> </HTML>
</source>