Template:Color chart X11/sandbox
Appearance
HTML name | R G B | |
---|---|---|
Hex | Decimal | |
Pink colors | ||
MediumVioletRed | C71585 | 199, 21, 133 |
DeepPink | FF1493 | 255, 20, 147 |
PaleVioletRed | DB7093 | 219, 112, 147 |
HotPink | FF69B4 | 255, 105, 180 |
LightPink | FFB6C1 | 255, 182, 193 |
Pink | FFC0CB | 255, 192, 203 |
Red colors | ||
DarkRed | 8B0000 | 139, 0, 0 |
Red | FF0000 | 255, 0, 0 |
Firebrick | B22222 | 178, 34, 34 |
Crimson | DC143C | 220, 20, 60 |
IndianRed | CD5C5C | 205, 92, 92 |
LightCoral | F08080 | 240, 128, 128 |
Salmon | FA8072 | 250, 128, 114 |
DarkSalmon | E9967A | 233, 150, 122 |
LightSalmon | FFA07A | 255, 160, 122 |
Orange colors | ||
OrangeRed | FF4500 | 255, 69, 0 |
Tomato | FF6347 | 255, 99, 71 |
DarkOrange | FF8C00 | 255, 140, 0 |
Coral | FF7F50 | 255, 127, 80 |
Orange | FFA500 | 255, 165, 0 |
Yellow colors | ||
DarkKhaki | BDB76B | 189, 183, 107 |
Gold | FFD700 | 255, 215, 0 |
Khaki | F0E68C | 240, 230, 140 |
PeachPuff | FFDAB9 | 255, 218, 185 |
Yellow | FFFF00 | 255, 255, 0 |
PaleGoldenrod | EEE8AA | 238, 232, 170 |
Moccasin | FFE4B5 | 255, 228, 181 |
PapayaWhip | FFEFD5 | 255, 239, 213 |
LightGoldenrodYellow | FAFAD2 | 250, 250, 210 |
LemonChiffon | FFFACD | 255, 250, 205 |
LightYellow | FFFFE0 | 255, 255, 224 |
Brown colors | ||
Maroon | 800000 | 128, 0, 0 |
Brown | A52A2A | 165, 42, 42 |
SaddleBrown | 8B4513 | 139, 69, 19 |
Sienna | A0522D | 160, 82, 45 |
Chocolate | D2691E | 210, 105, 30 |
DarkGoldenrod | B8860B | 184, 134, 11 |
Peru | CD853F | 205, 133, 63 |
RosyBrown | BC8F8F | 188, 143, 143 |
Goldenrod | DAA520 | 218, 165, 32 |
SandyBrown | F4A460 | 244, 164, 96 |
Tan | D2B48C | 210, 180, 140 |
Burlywood | DEB887 | 222, 184, 135 |
Wheat | F5DEB3 | 245, 222, 179 |
NavajoWhite | FFDEAD | 255, 222, 173 |
Bisque | FFE4C4 | 255, 228, 196 |
BlanchedAlmond | FFEBCD | 255, 235, 205 |
Cornsilk | FFF8DC | 255, 248, 220 |
HTML name | R G B | |
---|---|---|
Hex | Decimal | |
Purple, violet, and magenta colors | ||
Indigo | 4B0082 | 75, 0, 130 |
Purple | 800080 | 128, 0, 128 |
DarkMagenta | 8B008B | 139, 0, 139 |
DarkViolet | 9400D3 | 148, 0, 211 |
DarkSlateBlue | 483D8B | 72, 61, 139 |
BlueViolet | 8A2BE2 | 138, 43, 226 |
DarkOrchid | 9932CC | 153, 50, 204 |
Fuchsia | FF00FF | 255, 0, 255 |
Magenta | FF00FF | 255, 0, 255 |
SlateBlue | 6A5ACD | 106, 90, 205 |
MediumSlateBlue | 7B68EE | 123, 104, 238 |
MediumOrchid | BA55D3 | 186, 85, 211 |
MediumPurple | 9370DB | 147, 112, 219 |
Orchid | DA70D6 | 218, 112, 214 |
Violet | EE82EE | 238, 130, 238 |
Plum | DDA0DD | 221, 160, 221 |
Thistle | D8BFD8 | 216, 191, 216 |
Lavender | E6E6FA | 230, 230, 250 |
Blue colors | ||
MidnightBlue | 191970 | 25, 25, 112 |
Navy | 000080 | 0, 0, 128 |
DarkBlue | 00008B | 0, 0, 139 |
MediumBlue | 0000CD | 0, 0, 205 |
Blue | 0000FF | 0, 0, 255 |
RoyalBlue | 4169E1 | 65, 105, 225 |
SteelBlue | 4682B4 | 70, 130, 180 |
DodgerBlue | 1E90FF | 30, 144, 255 |
DeepSkyBlue | 00BFFF | 0, 191, 255 |
CornflowerBlue | 6495ED | 100, 149, 237 |
SkyBlue | 87CEEB | 135, 206, 235 |
LightSkyBlue | 87CEFA | 135, 206, 250 |
LightSteelBlue | B0C4DE | 176, 196, 222 |
LightBlue | ADD8E6 | 173, 216, 230 |
PowderBlue | B0E0E6 | 176, 224, 230 |
Cyan colors | ||
Teal | 008080 | 0, 128, 128 |
DarkCyan | 008B8B | 0, 139, 139 |
LightSeaGreen | 20B2AA | 32, 178, 170 |
CadetBlue | 5F9EA0 | 95, 158, 160 |
DarkTurquoise | 00CED1 | 0, 206, 209 |
MediumTurquoise | 48D1CC | 72, 209, 204 |
Turquoise | 40E0D0 | 64, 224, 208 |
Aqua | 00FFFF | 0, 255, 255 |
Cyan | 00FFFF | 0, 255, 255 |
Aquamarine | 7FFFD4 | 127, 255, 212 |
PaleTurquoise | AFEEEE | 175, 238, 238 |
LightCyan | E0FFFF | 224, 255, 255 |
HTML name | R G B | |
---|---|---|
Hex | Decimal | |
Green colors | ||
DarkGreen | 006400 | 0, 100, 0 |
Green | 008000 | 0, 128, 0 |
DarkOliveGreen | 556B2F | 85, 107, 47 |
ForestGreen | 228B22 | 34, 139, 34 |
SeaGreen | 2E8B57 | 46, 139, 87 |
Olive | 808000 | 128, 128, 0 |
OliveDrab | 6B8E23 | 107, 142, 35 |
MediumSeaGreen | 3CB371 | 60, 179, 113 |
LimeGreen | 32CD32 | 50, 205, 50 |
Lime | 00FF00 | 0, 255, 0 |
SpringGreen | 00FF7F | 0, 255, 127 |
MediumSpringGreen | 00FA9A | 0, 250, 154 |
DarkSeaGreen | 8FBC8F | 143, 188, 143 |
MediumAquamarine | 66CDAA | 102, 205, 170 |
YellowGreen | 9ACD32 | 154, 205, 50 |
LawnGreen | 7CFC00 | 124, 252, 0 |
Chartreuse | 7FFF00 | 127, 255, 0 |
LightGreen | 90EE90 | 144, 238, 144 |
GreenYellow | ADFF2F | 173, 255, 47 |
PaleGreen | 98FB98 | 152, 251, 152 |
White colors | ||
MistyRose | FFE4E1 | 255, 228, 225 |
AntiqueWhite | FAEBD7 | 250, 235, 215 |
Linen | FAF0E6 | 250, 240, 230 |
Beige | F5F5DC | 245, 245, 220 |
WhiteSmoke | F5F5F5 | 245, 245, 245 |
LavenderBlush | FFF0F5 | 255, 240, 245 |
OldLace | FDF5E6 | 253, 245, 230 |
AliceBlue | F0F8FF | 240, 248, 255 |
Seashell | FFF5EE | 255, 245, 238 |
GhostWhite | F8F8FF | 248, 248, 255 |
Honeydew | F0FFF0 | 240, 255, 240 |
FloralWhite | FFFAF0 | 255, 250, 240 |
Azure | F0FFFF | 240, 255, 255 |
MintCream | F5FFFA | 245, 255, 250 |
Snow | FFFAFA | 255, 250, 250 |
Ivory | FFFFF0 | 255, 255, 240 |
White | FFFFFF | 255, 255, 255 |
Gray and black colors | ||
Black | 000000 | 0, 0, 0 |
DarkSlateGray | 2F4F4F | 47, 79, 79 |
DimGray | 696969 | 105, 105, 105 |
SlateGray | 708090 | 112, 128, 144 |
Gray | 808080 | 128, 128, 128 |
LightSlateGray | 778899 | 119, 136, 153 |
DarkGray | A9A9A9 | 169, 169, 169 |
Silver | C0C0C0 | 192, 192, 192 |
LightGray | D3D3D3 | 211, 211, 211 |
Gainsboro | DCDCDC | 220, 220, 220 |
This is the template sandbox page for Template:Color chart X11 (diff). |
Template documentation
This template uses TemplateStyles: |
This template's initial visibility currently defaults to autocollapse
, meaning that if there is another collapsible item on the page (a navbox, sidebar, or table with the collapsible attribute), it is hidden apart from its title bar; if not, it is fully visible.
To change this template's initial visibility, the |state=
parameter may be used:
{{Color chart X11|state=collapsed}}
will show the template collapsed, i.e. hidden apart from its title bar.{{Color chart X11|state=expanded}}
will show the template expanded, i.e. fully visible.
Template data (CSV)
class,name,r,g,b
Pink,Pink,255,192,203
Pink,LightPink,255,182,193
Pink,HotPink,255,105,180
Pink,DeepPink,255,20,147
Pink,PaleVioletRed,219,112,147
Pink,MediumVioletRed,199,21,133
Red,LightSalmon,255,160,122
Red,Salmon,250,128,114
Red,DarkSalmon,233,150,122
Red,LightCoral,240,128,128
Red,IndianRed,205,92,92
Red,Crimson,220,20,60
Red,Firebrick,178,34,34
Red,DarkRed,139,0,0
Red,Red,255,0,0
Orange,OrangeRed,255,69,0
Orange,Tomato,255,99,71
Orange,Coral,255,127,80
Orange,DarkOrange,255,140,0
Orange,Orange,255,165,0
Yellow,Yellow,255,255,0
Yellow,LightYellow,255,255,224
Yellow,LemonChiffon,255,250,205
Yellow,LightGoldenrodYellow,250,250,210
Yellow,PapayaWhip,255,239,213
Yellow,Moccasin,255,228,181
Yellow,PeachPuff,255,218,185
Yellow,PaleGoldenrod,238,232,170
Yellow,Khaki,240,230,140
Yellow,DarkKhaki,189,183,107
Yellow,Gold,255,215,0
Brown,Cornsilk,255,248,220
Brown,BlanchedAlmond,255,235,205
Brown,Bisque,255,228,196
Brown,NavajoWhite,255,222,173
Brown,Wheat,245,222,179
Brown,Burlywood,222,184,135
Brown,Tan,210,180,140
Brown,RosyBrown,188,143,143
Brown,SandyBrown,244,164,96
Brown,Goldenrod,218,165,32
Brown,DarkGoldenrod,184,134,11
Brown,Peru,205,133,63
Brown,Chocolate,210,105,30
Brown,SaddleBrown,139,69,19
Brown,Sienna,160,82,45
Brown,Brown,165,42,42
Brown,Maroon,128,0,0
Violet,Lavender,230,230,250
Violet,Thistle,216,191,216
Violet,Plum,221,160,221
Violet,Violet,238,130,238
Violet,Orchid,218,112,214
Violet,Fuchsia,255,0,255
Violet,Magenta,255,0,255
Violet,MediumOrchid,186,85,211
Violet,MediumPurple,147,112,219
Violet,BlueViolet,138,43,226
Violet,DarkViolet,148,0,211
Violet,DarkOrchid,153,50,204
Violet,DarkMagenta,139,0,139
Violet,Purple,128,0,128
Violet,Indigo,75,0,130
Violet,DarkSlateBlue,72,61,139
Violet,SlateBlue,106,90,205
Violet,MediumSlateBlue,123,104,238
Blue,LightSteelBlue,176,196,222
Blue,PowderBlue,176,224,230
Blue,LightBlue,173,216,230
Blue,SkyBlue,135,206,235
Blue,LightSkyBlue,135,206,250
Blue,DeepSkyBlue,0,191,255
Blue,DodgerBlue,30,144,255
Blue,CornflowerBlue,100,149,237
Blue,SteelBlue,70,130,180
Blue,RoyalBlue,65,105,225
Blue,Blue,0,0,255
Blue,MediumBlue,0,0,205
Blue,DarkBlue,0,0,139
Blue,Navy,0,0,128
Blue,MidnightBlue,25,25,112
Cyan,Aqua,0,255,255
Cyan,Cyan,0,255,255
Cyan,LightCyan,224,255,255
Cyan,PaleTurquoise,175,238,238
Cyan,Aquamarine,127,255,212
Cyan,Turquoise,64,224,208
Cyan,MediumTurquoise,72,209,204
Cyan,DarkTurquoise,0,206,209
Cyan,LightSeaGreen,32,178,170
Cyan,CadetBlue,95,158,160
Cyan,DarkCyan,0,139,139
Cyan,Teal,0,128,128
Green,DarkOliveGreen,85,107,47
Green,Olive,128,128,0
Green,OliveDrab,107,142,35
Green,YellowGreen,154,205,50
Green,LimeGreen,50,205,50
Green,Lime,0,255,0
Green,LawnGreen,124,252,0
Green,Chartreuse,127,255,0
Green,GreenYellow,173,255,47
Green,SpringGreen,0,255,127
Green,MediumSpringGreen,0,250,154
Green,LightGreen,144,238,144
Green,PaleGreen,152,251,152
Green,DarkSeaGreen,143,188,143
Green,MediumAquamarine,102,205,170
Green,MediumSeaGreen,60,179,113
Green,SeaGreen,46,139,87
Green,ForestGreen,34,139,34
Green,Green,0,128,0
Green,DarkGreen,0,100,0
White,White,255,255,255
White,Snow,255,250,250
White,Honeydew,240,255,240
White,MintCream,245,255,250
White,Azure,240,255,255
White,AliceBlue,240,248,255
White,GhostWhite,248,248,255
White,WhiteSmoke,245,245,245
White,Seashell,255,245,238
White,Beige,245,245,220
White,OldLace,253,245,230
White,FloralWhite,255,250,240
White,Ivory,255,255,240
White,AntiqueWhite,250,235,215
White,Linen,250,240,230
White,LavenderBlush,255,240,245
White,MistyRose,255,228,225
Gray,Gainsboro,220,220,220
Gray,LightGray,211,211,211
Gray,Silver,192,192,192
Gray,DarkGray,169,169,169
Gray,Gray,128,128,128
Gray,DimGray,105,105,105
Gray,LightSlateGray,119,136,153
Gray,SlateGray,112,128,144
Gray,DarkSlateGray,47,79,79
Gray,Black,0,0,0
Useful code for processing the data:
import pandas as pd
import numpy as np
data = pd.read_csv("colors.csv")
data["brightness"] = 1 - (0.299 * data.r + 0.587 * data.g + 0.114 * data.b) / 255
for klass in data["class"].unique():
slic = data[data["class"] == klass]
slic.index = range(len(slic))
print("\n\n======" + klass.upper() + "======\n")
#print(slic)
slic = slic.sort_values(by="brightness", ascending=False)
def tohex(num):
table = list("0123456789ABCDEF")
return table[num//16] + table[num%16]
for i in range(slic.shape[0]):
row = slic[i:(i+1)]
row = np.array(row)[0]
rgb = ", ".join([ str(i) for i in row[2:5] ])
print("|- style=\"background: {}; color: {}\"".format(row[1].lower(), "white" if row[-1] > 0.5 else "black;"))
print("| {} ||{}{}{}||{}"
.format(row[1],
tohex(row[2]), tohex(row[3]), tohex(row[4]),
rgb
))