Kleurcodes en kleurnamen voor HTML en CSS

Namen van kleuren in HTML en CSS

Onderstaand een tabel met CSS en HTML kleuren-namen en hun hexadecimale codes. De namen staan er in het engels omdat ze rechtstreeks in je HTML of CSS in te voegen zijn.

Kleur   Rood Groen Blauw
white # FF FF FF
linen # FA F0 E6
floralwhite # FF FA F0
lightgoldenrodyellow # FA FA D2
ghostwhite # F8 F8 FF
mintcream # F5 FF FA
beige # F5 F5 DC
blanchedalmond # FF EB CD
ivory # FF FF F0
lavenderblush # FF F0 F5
moccasin # FF E4 B5
papayawhip # FF EF D5
whitesmoke # F5 F5 F5
hotpink # FF 69 B4
lightsalmon # FF A0 7A
pink # FF C0 CB
silver # C0 C0 C0
thistle # D8 BF D8
coral # FF 7F 50
darkkhaki # BD B7 6B
darkseagreen # 8F BC 8F
mediumaquamarine # 66 CD AA
mediumpurple # 93 70 DB
palevioletred # DB 70 93
salmon # FA 80 72
cadetblue # 5F 9E A0
dimgray # 69 69 69
gray # 80 80 80
indianred # CD 5C 5C
lightslategray # 77 88 99
slateblue # 6A 5A CD
steelblue .... # 46 82 B4
black # 00 00 00
aqua # 00 FF FF
cyan # 00 FF FF
darkturquoise # 00 CE D1
deepskyblue # 00 BF FF
dodgerblue # 1E 90 FF
mediumspringgreen # 00 FA 9A
mediumturquoise # 48 D1 CC
turquoise # 40 E0 D0
aquamarine # 7F FF D4
cornflowerblue # 64 95 ED
lightblue # AD D8 E6
lightskyblue # 87 CE FA
lightsteelblue # B0 C4 DE
paleturquoise # AF EE EE
powderblue # B0 E0 E6
skyblue # 87 CE EB
darkcyan # 00 8B 8B
darkslategray # 2F 4F 4F
lightseagreen # 20 B2 AA
mediumseagreen # 3C B3 71
seagreen # 2E 8B 57
teal # 00 80 80
blue # 00 00 FF
mediumblue # 00 00 CD
darkblue # 00 00 8B
midnightblue # 19 19 70
navy # 00 00 80
deeppink # FF 14 93
fuchsia # FF 00 FF
magenta # FF 00 FF
blueviolet # 8A 2B E2
darkmagenta # 8B 00 8B
darkorchid # 99 32 CC
darkslateblue # 48 3D 8B
darkviolet # 94 00 D3
indigo # 4B 00 82
mediumvioletred # C7 15 85
purple # 80 00 80
darkorange # FF 8C 00
gold # FF D7 00
greenyellow # AD FF 2F
orange # FF A5 00
yellow # FF FF 00
aliceblue # F0 F8 FF
chocolate # D2 69 1E
darkgoldenrod # B8 86 0B
darkolivegreen # 55 6B 2F
goldenrod # DA A5 20
olive # 80 80 00
olivedrab # 6B 8E 23
peru # CD 85 3F
saddlebrown # 8B 45 13
sienna # A0 52 2D
yellowgreen # 9A CD 32
gainsboro # DC DC DC
khaki # F0 E6 8C
lightgreen # 90 EE 90
lightgrey # D3 D3 D3
navajowhite # FF DE AD
palegoldenrod # EE E8 AA
palegreen # 98 FB 98
peachpuff # FF DA B9
wheat # F5 DE B3
chartreuse # 7F FF 00
lawngreen # 7C FC 00
lime # 00 FF 00
limegreen # 32 CD 32
springgreen # 00 FF 7F
darkgreen # 00 64 00
forestgreen # 22 8B 22
green # 00 80 00
crimson # DC 14 3C
orangered # FF 45 00
red # FF 00 00
tomato # FF 63 47
brown # A5 2A 2A
darkred # 8B 00 00
firebrick # B2 22 22
maroon # 80 00 00

Browserveilige kleuren

Onderstaande lijst met 216 kleuren is de klasieke verzameling browserveilige kleuren (browser-safe), dit betekent dat ze zelfs op oude schermen goed weer gegeven worden. Voor de praktijk van het webontwerp zijn ze niet meer essentieel, omdat computerschermen ook alle tussenliggende kleuren prima weer geven (anno 2006). 

Deze lijst met kleuren is nog wel zinvol als beginpunt bij het zoeken naar de code van een kleur die je wilt gebruiken op een website. Als je weet: ik wil een zacht groen, dan zoek je de meest passende groen uit onderstaande lijst en vervolgens speel je met de kleurcodes om het juiste effect te krijgen.

 
#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
 
 
#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
 
 
#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
 
 
#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
 
 
#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
 
 
#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