Welke kleur wordt het?

Hedy Lamarr in Dishonored Lady, een film noir misdaadfilm uit 1947.

Een hulpmiddeltje voor kleurgebruik op je website. Er gaat al jaren een lijst rond van 216 ‘web safe’ kleuren die je het beste kunt gebruiken, gebaseerd op de 256 kleurenmonitors die indertijd nog veel in zwang waren. De nieuwere generatie displays kunnen veel meer kleuren aan. Maar toch, ook hier zie je regelmatig kleurverschil. Het blijft een kwestie van testen. Op verschillende systemen, met verschillende browsers en met verschillende helderheden. Vaak zul je uiteindelijk consessies moeten doen wat betreft kleurgebruik. Ook al kunnen de nieuwe generaties displays veel meer kleuren aan, ik gebruik bijgaande tabellen nog steeds ter indicatie.

Traditionele lijst van web safe kleuren

000300600900C00F00
003303603903C03F03
006306606906C06F06
009309609909C09F09
00C30C60C90CC0CF0C
00F30F60F90FC0FF0F
030330630930C30F30
033333633933C33F33
036336636936C36F36
039339639939C39F39
03C33C63C93CC3CF3C
03F33F63F93FC3FF3F
060360660960C60F60
063363663963C63F63
066366666966C66F66
069369669969C69F69
06C36C66C96CC6CF6C
06F36F66F96FC6FF6F
090390690990C90F90
093393693993C93F93
096396696996C96F96
099399699999C99F99
09C39C69C99CC9CF9C
09F39F69F99FC9FF9F
0C03C06C09C0CC0FC0
0C33C36C39C3CC3FC3
0C63C66C69C6CC6FC6
0C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC
0CF3CF6CF9CFCCFFCF
0F03F06F09F0CF0FF0
0F33F36F39F3CF3FF3
0F63F66F69F6CF6FF6
0F93F96F99F9CF9FF9
0FC3FC6FC9FCCFCFFC
0FF3FF6FF9FFCFFFFF

De meest veilig te gebruiken kleuren zijn onderstreept.

Gangbare kleuren en hun benamingen

HTML-naamKleurcode
HexR,G,B

Rozetinten

PinkFFC0CB255,192,203
LightPinkFFB6C1255,182,193
HotPinkFF69B4255,105,180
DeepPinkFF1493255,20,147
PaleVioletRedDB7093219,112,147
MediumVioletRedC71585199,21,133

Roodtinten

LightSalmonFFA07A255,160,122
SalmonFA8072250,128,114
DarkSalmonE9967A233,150,122
LightCoralF08080240,128,128
IndianRedCD5C5C205,92,92
CrimsonDC143C220,20,60
FirebrickB22222178,34,34
DarkRed8B0000139,0,0
RedFF0000255,0,0

Oranjetinten

OrangeRedFF4500255,69,0
TomatoFF6347255,99,71
CoralFF7F50255,127,80
DarkOrangeFF8C00255,140,0
OrangeFFA500255,165,0

Geeltinten

YellowFFFF00255,255,0
LightYellowFFFFE0255,255,224
LemonChiffonFFFACD255,250,205
LightGoldenrodYellowFAFAD2250,250,210
PapayaWhipFFEFD5255,239,213
MoccasinFFE4B5255,228,181
PeachPuffFFDAB9255,218,185
PaleGoldenrodEEE8AA238,232,170
KhakiF0E68C240,230,140
DarkKhakiBDB76B189,183,107
GoldFFD700255,215,0

Bruintinten

CornsilkFFF8DC255,248,220
BlanchedAlmondFFEBCD255,235,205
BisqueFFE4C4255,228,196
NavajoWhiteFFDEAD255,222,173
WheatF5DEB3245,222,179
BurlywoodDEB887222,184,135
TanD2B48C210,180,140
RosyBrownBC8F8F188,143,143
SandyBrownF4A460244,164,96
GoldenrodDAA520218,165,32
DarkGoldenrodB8860B184,134,11
PeruCD853F205,133,63
ChocolateD2691E210,105,30
SaddleBrown8B4513139,69,19
SiennaA0522D160,82,45
BrownA52A2A165,42,42
Maroon80,00,00128,0,0

Groentinten

DarkOliveGreen556B2F85,107,47
Olive808000128,128,0
OliveDrab6B8E23107,142,35
YellowGreen9ACD32154,205,50
LimeGreen32CD3250,205,50
Lime00FF000,255,0
LawnGreen7CFC00124,252,0
Chartreuse7FFF00127,255,0
GreenYellowADFF2F173,255,47
SpringGreen00FF7F0,255,127
MediumSpringGreen00FA9A0,250,154
LightGreen90EE90144,238,144
PaleGreen98FB98152,251,152
DarkSeaGreen8FBC8F143,188,143
MediumAquamarine66CDAA102,205,170
MediumSeaGreen3CB37160,179,113
SeaGreen2E8B5746,139,87
ForestGreen228B2234,139,34
Green0080000,128,0
DarkGreen0064000,100,0

Cyaantinten

Aqua00FFFF0,255,255
Cyan00FFFF0,255,255
LightCyanE0FFFF224,255,255
PaleTurquoiseAFEEEE175,238,238
Aquamarine7FFFD4127,255,212
Turquoise40E0D064,224,208
MediumTurquoise48D1CC72,209,204
DarkTurquoise00CED10,206,209
LightSeaGreen20B2AA32,178,170
CadetBlue5F9EA095,158,160
DarkCyan008B8B0,139,139
Teal0080800,128,128

Blauwtinten

LightSteelBlueB0C4DE176,196,222
PowderBlueB0E0E6176,224,230
LightBlueADD8E6173,216,230
SkyBlue87CEEB135,206,235
LightSkyBlue87CEFA135,206,250
DeepSkyBlue00BFFF0,191,255
DodgerBlue1E90FF30,144,255
CornflowerBlue6495ED100,149,237
SteelBlue4682B470,130,180
RoyalBlue4169E165,105,225
Blue0000FF0,0,255
MediumBlue0000CD0,0,205
DarkBlue00008B0,0,139
Navy0000800,0,128
MidnightBlue19197025,25,112

Paars, violet en magenta

LavenderE6E6FA230,230,250
ThistleD8BFD8216,191,216
PlumDDA0DD221,160,221
VioletEE82EE238,130,238
OrchidDA70D6218,112,214
FuchsiaFF00FF255,0,255
MagentaFF00FF255,0,255
MediumOrchidBA55D3186,85,211
MediumPurple9370DB147,112,219
BlueViolet8A2BE2138,43,226
DarkViolet9400D3148,0,211
DarkOrchid9932CC153,50,204
DarkMagenta8B008B139,0,139
Purple800080128,0,128
Indigo4B008275,0,130
DarkSlateBlue483D8B72,61,139
SlateBlue6A5ACD106,90,205
MediumSlateBluE7B68EE123,104,238

Wittinten

WhiteFFFFFF255,255,255
SnowFFFAFA255,250,250
HoneydewF0FFF0240,255,240
MintCreamF5FFFA245,255,250
AzureF0FFFF240,255,255
AliceBlueF0F8FF240,248,255
GhostWhiteF8F8FF248,248,255
WhiteSmokeF5F5F5245,245,245
SeashellFFF5EE255,245,238
BeigeF5F5DC245,245,220
OldLaceFDF5E6253,245,230
FloralWhiteFFFAF0255,250,240
IvoryFFFFF0255,255,240
AntiqueWhiteFAEBD7250,235,215
LinenFAF0E6250,240,230
LavenderBlushFFF0F5255,240,245
MistyRoseFFE4E1255,228,225

Grijstinten

GainsboroDCDCDC220,220,220
LightGrayD3D3D3211,211,211
SilverC0C0C0192,192,192
DarkGrayA9A9A9169,169,169
Gray808080128,128,128
DimGray696969105,105,105
LightSlateGray778899119,136,153
SlateGray708090112,128,144
DarkSlateGray2F4F4F47,79,79
Black0000000,0,0

Handige online tools

Kleurschema Monochromatic
Kleurenschema Analogus
Kleurenschema Complementary
Kleurenschema Triadic
Kleurenschema Compound

Over de foto bovenaan: Hedy Lamarr in Dishonored Lady, een film noir misdaadfilm uit 1947.