Login
Login

Template:Color chart X11

style="font-size:85%; display: inline; border-collapse: collapse;" class="color-chart-x11-table mw-no-invert"
style="vertical-align:top;"

|

style="background:var(--background-color-disabled, #c8ccd1); color: inherit" rowspan=2 | HTML name

! style="background:var(--background-color-disabled, #c8ccd1); color: inherit" colspan=2 | R G B

style="background:var(--background-color-disabled, #c8ccd1); color: inherit" | Hex

! style="background:var(--background-color-disabled, #c8ccd1); color: inherit" | Decimal

colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Pink colors}}
style="background: mediumvioletred; color: white;"

| MediumVioletRed

C71585199, 21, 133
style="background: deeppink; color: white;"

| DeepPink

FF1493255, 20, 147
style="background: palevioletred; color: black;"

| PaleVioletRed

DB7093219, 112, 147
style="background: hotpink; color: black;"

| HotPink

FF69B4255, 105, 180
style="background: lightpink; color: black;"

| LightPink

FFB6C1255, 182, 193
style="background: pink; color: black;"

| Pink

FFC0CB255, 192, 203
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Red colors}}
style="background: darkred; color: white;"

| DarkRed

8B0000139, 0, 0
style="background: red; color: white;"

| Red

FF0000255, 0, 0
style="background: firebrick; color: white;"

| Firebrick

B22222178, 34, 34
style="background: crimson; color: white;"

| Crimson

DC143C220, 20, 60
style="background: indianred; color: white;"

| IndianRed

CD5C5C205, 92, 92
style="background: lightcoral; color: black;"

| LightCoral

F08080240, 128, 128
style="background: salmon; color: black;"

| Salmon

FA8072250, 128, 114
style="background: darksalmon; color: black;"

| DarkSalmon

E9967A233, 150, 122
style="background: lightsalmon; color: black;"

| LightSalmon

FFA07A255, 160, 122
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Orange colors}}
style="background: orangered; color: white;"

| OrangeRed

FF4500255, 69, 0
style="background: tomato; color: black;"

| Tomato

FF6347255, 99, 71
style="background: darkorange; color: black;"

| DarkOrange

FF8C00255, 140, 0
style="background: coral; color: black;"

| Coral

FF7F50255, 127, 80
style="background: orange; color: black;"

| Orange

FFA500255, 165, 0
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Yellow colors}}
style="background: darkkhaki; color: black;"

| DarkKhaki

BDB76B189, 183, 107
style="background: gold; color: black;"

| Gold

FFD700255, 215, 0
style="background: khaki; color: black;"

| Khaki

F0E68C240, 230, 140
style="background: peachpuff; color: black;"

| PeachPuff

FFDAB9255, 218, 185
style="background: yellow; color: black;"

| Yellow

FFFF00255, 255, 0
style="background: palegoldenrod; color: black;"

| PaleGoldenrod

EEE8AA238, 232, 170
style="background: moccasin; color: black;"

| Moccasin

FFE4B5255, 228, 181
style="background: papayawhip; color: black;"

| PapayaWhip

FFEFD5255, 239, 213
style="background: lightgoldenrodyellow; color: black;"

| LightGoldenrodYellow

FAFAD2250, 250, 210
style="background: lemonchiffon; color: black;"

| LemonChiffon

FFFACD255, 250, 205
style="background: lightyellow; color: black;"

| LightYellow

FFFFE0255, 255, 224
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Brown colors}}
style="background: maroon; color: white;"

| Maroon

800000128, 0, 0
style="background: brown; color: white;"

| Brown

A52A2A165, 42, 42
style="background: saddlebrown; color: white;"

| SaddleBrown

8B4513139, 69, 19
style="background: sienna; color: white;"

| Sienna

A0522D160, 82, 45
style="background: chocolate; color: black;"

| Chocolate

D2691E210, 105, 30
style="background: darkgoldenrod; color: black;"

| DarkGoldenrod

B8860B184, 134, 11
style="background: peru; color: black;"

| Peru

CD853F205, 133, 63
style="background: rosybrown; color: black;"

| RosyBrown

BC8F8F188, 143, 143
style="background: goldenrod; color: black;"

| Goldenrod

DAA520218, 165, 32
style="background: sandybrown; color: black;"

| SandyBrown

F4A460244, 164, 96
style="background: tan; color: black;"

| Tan

D2B48C210, 180, 140
style="background: burlywood; color: black;"

| Burlywood

DEB887222, 184, 135
style="background: wheat; color: black;"

| Wheat

F5DEB3245, 222, 179
style="background: navajowhite; color: black;"

| NavajoWhite

FFDEAD255, 222, 173
style="background: bisque; color: black;"

| Bisque

FFE4C4255, 228, 196
style="background: blanchedalmond; color: black;"

| BlanchedAlmond

FFEBCD255, 235, 205
style="background: cornsilk; color: black;"

| Cornsilk

FFF8DC255, 248, 220

style="font-size:85%; display: inline; border-collapse: collapse;" class="color-chart-x11-table mw-no-invert"
style="vertical-align:top;"

|

style="background:var(--background-color-disabled, #c8ccd1); color: inherit" rowspan=2 | HTML name

! style="background:var(--background-color-disabled, #c8ccd1); color: inherit" colspan=2 | R G B

style="background:var(--background-color-disabled, #c8ccd1); color: inherit" | Hex

! style="background:var(--background-color-disabled, #c8ccd1); color: inherit" | Decimal

colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Purple, violet, and magenta colors}}
style="background: indigo; color: white;"

| Indigo

4B008275, 0, 130
style="background: purple; color: white;"

| Purple

800080128, 0, 128
style="background: darkmagenta; color: white;"

| DarkMagenta

8B008B139, 0, 139
style="background: darkviolet; color: white;"

| DarkViolet

9400D3148, 0, 211
style="background: darkslateblue; color: white;"

| DarkSlateBlue

483D8B72, 61, 139
style="background: blueviolet; color: white;"

| BlueViolet

8A2BE2138, 43, 226
style="background: darkorchid; color: white;"

| DarkOrchid

9932CC153, 50, 204
style="background: fuchsia; color: white;"

| Fuchsia

FF00FF255, 0, 255
style="background: magenta; color: white;"

| Magenta

FF00FF255, 0, 255
style="background: slateblue; color: white;"

| SlateBlue

6A5ACD106, 90, 205
style="background: mediumslateblue; color: white;"

| MediumSlateBlue

7B68EE123, 104, 238
style="background: mediumorchid; color: black;"

| MediumOrchid

BA55D3186, 85, 211
style="background: mediumpurple; color: black;"

| MediumPurple

9370DB147, 112, 219
style="background: orchid; color: black;"

| Orchid

DA70D6218, 112, 214
style="background: violet; color: black;"

| Violet

EE82EE238, 130, 238
style="background: plum; color: black;"

| Plum

DDA0DD221, 160, 221
style="background: thistle; color: black;"

| Thistle

D8BFD8216, 191, 216
style="background: lavender; color: black;"

| Lavender

E6E6FA230, 230, 250
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Blue colors}}
style="background: midnightblue; color: white;"

| MidnightBlue

19197025, 25, 112
style="background: navy; color: white;"

| Navy

0000800, 0, 128
style="background: darkblue; color: white;"

| DarkBlue

00008B0, 0, 139
style="background: mediumblue; color: white;"

| MediumBlue

0000CD0, 0, 205
style="background: blue; color: white;"

| Blue

0000FF0, 0, 255
style="background: royalblue; color: white;"

| RoyalBlue

4169E165, 105, 225
style="background: steelblue; color: white;"

| SteelBlue

4682B470, 130, 180
style="background: dodgerblue; color: white;"

| DodgerBlue

1E90FF30, 144, 255
style="background: deepskyblue; color: black;"

| DeepSkyBlue

00BFFF0, 191, 255
style="background: cornflowerblue; color: black;"

| CornflowerBlue

6495ED100, 149, 237
style="background: skyblue; color: black;"

| SkyBlue

87CEEB135, 206, 235
style="background: lightskyblue; color: black;"

| LightSkyBlue

87CEFA135, 206, 250
style="background: lightsteelblue; color: black;"

| LightSteelBlue

B0C4DE176, 196, 222
style="background: lightblue; color: black;"

| LightBlue

ADD8E6173, 216, 230
style="background: powderblue; color: black;"

| PowderBlue

B0E0E6176, 224, 230
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Cyan colors}}
style="background: teal; color: white;"

| Teal

0080800, 128, 128
style="background: darkcyan; color: white;"

| DarkCyan

008B8B0, 139, 139
style="background: lightseagreen; color: black;"

| LightSeaGreen

20B2AA32, 178, 170
style="background: cadetblue; color: black;"

| CadetBlue

5F9EA095, 158, 160
style="background: darkturquoise; color: black;"

| DarkTurquoise

00CED10, 206, 209
style="background: mediumturquoise; color: black;"

| MediumTurquoise

48D1CC72, 209, 204
style="background: turquoise; color: black;"

| Turquoise

40E0D064, 224, 208
style="background: aqua; color: black;"

| Aqua

00FFFF0, 255, 255
style="background: cyan; color: black;"

| Cyan

00FFFF0, 255, 255
style="background: aquamarine; color: black;"

| Aquamarine

7FFFD4127, 255, 212
style="background: paleturquoise; color: black;"

| PaleTurquoise

AFEEEE175, 238, 238
style="background: lightcyan; color: black;"

| LightCyan

E0FFFF224, 255, 255

style="font-size:85%; display: inline; border-collapse: collapse;" class="color-chart-x11-table mw-no-invert"
style="vertical-align:top;"

|

style="background:var(--background-color-disabled, #c8ccd1); color: inherit" rowspan=2 | HTML name

! style="background:var(--background-color-disabled, #c8ccd1); color: inherit" colspan=2 | R G B

style="background:var(--background-color-disabled, #c8ccd1); color: inherit" | Hex

! style="background:var(--background-color-disabled, #c8ccd1); color: inherit" | Decimal

colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Green colors}}
style="background: darkgreen; color: white;"

| DarkGreen

0064000, 100, 0
style="background: green; color: white;"

| Green

0080000, 128, 0
style="background: darkolivegreen; color: white;"

| DarkOliveGreen

556B2F85, 107, 47
style="background: forestgreen; color: white;"

| ForestGreen

228B2234, 139, 34
style="background: seagreen; color: white;"

| SeaGreen

2E8B5746, 139, 87
style="background: olive; color: white;"

| Olive

808000128, 128, 0
style="background: olivedrab; color: white;"

| OliveDrab

6B8E23107, 142, 35
style="background: mediumseagreen; color: black;"

| MediumSeaGreen

3CB37160, 179, 113
style="background: limegreen; color: black;"

| LimeGreen

32CD3250, 205, 50
style="background: lime; color: black;"

| Lime

00FF000, 255, 0
style="background: springgreen; color: black;"

| SpringGreen

00FF7F0, 255, 127
style="background: mediumspringgreen; color: black;"

| MediumSpringGreen

00FA9A0, 250, 154
style="background: darkseagreen; color: black;"

| DarkSeaGreen

8FBC8F143, 188, 143
style="background: mediumaquamarine; color: black;"

| MediumAquamarine

66CDAA102, 205, 170
style="background: yellowgreen; color: black;"

| YellowGreen

9ACD32154, 205, 50
style="background: lawngreen; color: black;"

| LawnGreen

7CFC00124, 252, 0
style="background: chartreuse; color: black;"

| Chartreuse

7FFF00127, 255, 0
style="background: lightgreen; color: black;"

| LightGreen

90EE90144, 238, 144
style="background: greenyellow; color: black;"

| GreenYellow

ADFF2F173, 255, 47
style="background: palegreen; color: black;"

| PaleGreen

98FB98152, 251, 152
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|White colors}}
style="background: mistyrose; color: black;"

| MistyRose

FFE4E1255, 228, 225
style="background: antiquewhite; color: black;"

| AntiqueWhite

FAEBD7250, 235, 215
style="background: linen; color: black;"

| Linen

FAF0E6250, 240, 230
style="background: beige; color: black;"

| Beige

F5F5DC245, 245, 220
style="background: whitesmoke; color: black;"

| WhiteSmoke

F5F5F5245, 245, 245
style="background: lavenderblush; color: black;"

| LavenderBlush

FFF0F5255, 240, 245
style="background: oldlace; color: black;"

| OldLace

FDF5E6253, 245, 230
style="background: aliceblue; color: black;"

| AliceBlue

F0F8FF240, 248, 255
style="background: seashell; color: black;"

| Seashell

FFF5EE255, 245, 238
style="background: ghostwhite; color: black;"

| GhostWhite

F8F8FF248, 248, 255
style="background: honeydew; color: black;"

| Honeydew

F0FFF0240, 255, 240
style="background: floralwhite; color: black;"

| FloralWhite

FFFAF0255, 250, 240
style="background: azure; color: black;"

| Azure

F0FFFF240, 255, 255
style="background: mintcream; color: black;"

| MintCream

F5FFFA245, 255, 250
style="background: snow; color: black;"

| Snow

FFFAFA255, 250, 250
style="background: ivory; color: black;"

| Ivory

FFFFF0255, 255, 240
style="background: white; color: black;"

| White

FFFFFF255, 255, 255
colspan="3" style="background:var(--background-color-interactive, #eaecf0); color:inherit;text-align:left;"|{{large|Gray and black colors}}
style="background: black; color: white;"

| Black

0000000, 0, 0
style="background: darkslategray; color: white;"

| DarkSlateGray

2F4F4F47, 79, 79
style="background: dimgray; color: white;"

| DimGray

696969105, 105, 105
style="background: slategray; color: white;"

| SlateGray

708090112, 128, 144
style="background: gray; color: black;"

| Gray

808080128, 128, 128
style="background: lightslategray; color: black;"

| LightSlateGray

778899119, 136, 153
style="background: darkgray; color: black;"

| DarkGray

A9A9A9169, 169, 169
style="background: silver; color: black;"

| Silver

C0C0C0192, 192, 192
style="background: lightgray; color: black;"

| LightGray

D3D3D3211, 211, 211
style="background: gainsboro; color: black;"

| Gainsboro

DCDCDC220, 220, 220

{{documentation |content=

{{Uses TemplateStyles | Template:Color_chart_X11/custom.css}}

{{collapsible option}}

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

))

Category:Color templates

Category:Shades of color templates

}}