HTML kleurcodes

Wat zijn HTML kleuren?

Om kleuren in browsers (uniform) te kunnen weergeven werden HTML kleurcodes in het leven geroepen: dat kan de Engelse benaming zijn van het kleur, maar in de meeste gevallen wordt een kleur voorgesteld door een RGB-code.

Wat is een RGB-kleur?

Door het combineren van Rood, Groen en Blauw kunnen bijna alle kleuren voorgesteld worden. Een RGB kleurcode geeft voor zowel rood, groen als blauw aan welke intensiteit nodig is om de kleur samen te stellen. De intensiteit van de kleuren rood, groen en blauw worden bepaal door een getal tussen 0 (minste intensiteit) en 255 (meeste intensiteit).

Hoe wordt een HTML kleurcode samengesteld?

Een HTML kleurcode begint met een # gecombineerd met 6 letters of cijfers. De eerste twee symbolen representeren de intensiteit van de kleur rood. Het derde en vierde symbool representeren de intensiteit van groen en vijf en zes representeren de intensiteit van blauw. De intensiteit ligt tussen 0 en 255, maar wordt hexadecimaal weergegeven: dus de intensiteit ligt tussen 00 en FF. Bijvoorbeeld: #FF0000. Met deze HTML code kunnen browsers een kleur tonen met een maximum aan rood en geen groen en geen blauw.

HTML kleurencodes

In de tabellen hieronder hebben we de kleuren die bij elkaar horen gesorteerd. Je kan telkens de Engelse HTML-kleurennaam en de bijhorende RGB kleurencode terugvinden.

Rode kleuren

HTML-naam RGB-code R G B
indianred #CD5C5C 205 92 92
lightcoral #F08080 240 128 128
salmon #FA8072 250 128 114
darksalmon #E9967A 233 150 122
orangered #FF4500 255 69 0
red #FF0000 255 0 0
crimson #DC143C 220 20 60
firebrick #B22222 178 34 34
darkred #8B0000 139 0 0

Roze kleuren

HTML-naamRGB-codeRGB
pink#FFC0CB255192203
lightpink#FFB6C1255182193
palevioletred#DB7093219112147
hotpink#FF69B4255105180
deeppink#FF149325520147
mediumvioletred#C7158519921133

Gele kleuren

HTML-naamRGB-codeRGB
lightyellow#FFFFE0255255224
lemonchiffon#FFFACD255250205
lightgoldenrodyellow#FAFAD2250250210
papayawhip#FFEFD5255239213
moccasin#FFE4B5255228181
peachpuff#FFDAB9255218185
palegoldenrod#EEE8AA238232170
khaki#F0E68C240230140
yellow#FFFF002552550
gold#FFD7002552150
darkkhaki#BDB76B189183107

Blauwe kleuren

HTML-naamRGB-codeRGB
lightcyan#E0FFFF224255255
paleturquoise#AFEEEE175238238
aqua#00FFFF0255255
aquamarine#7FFFD4127255212
turquoise#40E0D064224208
mediumturquoise#48D1CC72209204
darkturquoise#00CED10206209
powderblue#B0E0E6176224230
lightsteelblue#B0C4DE176196222
lightblue#ADD8E6173216230
skyblue#87CEEB135206235
lightskyblue#87CEFA135206250
deepskyblue#00BFFF0191255
cornflowerblue#6495ED100149237
steelblue#4682B470130180
cadetblue#5F9EA095158160
mediumslateblue#7B68EE123104238
dodgerblue#1E90FF30144255
royalblue#4169E165105225
blue#0000FF00255
mediumblue#0000CD00205
darkblue#00008B00139
navy#00008000128
midnightblue#1919702525112

Oranje kleuren

HTML-naamRGB-codeRGB
lightsalmon#FFA07A255160122
orange#FFA5002551650
darkorange#FF8C002551400
coral#FF7F5025512780
tomato#FF63472559971
orangered#FF4500255690

Groene kleuren

HTML-naamRGB-codeRGB
greenyellow#ADFF2F17325547
chartreuse#7FFF001272550
lawngreen#7CFC001242520
lime#00FF0002550
palegreen#98FB98152251152
lightgreen#90EE90144238144
mediumspringgreen#00FA9A0250154
springgreen#00FF7F0255127
yellowgreen#9ACD3215420550
limegreen#32CD325020550
mediumseagreen#3CB37160179113
seagreen#2E8B574613987
forestgreen#228B223413934
green#00800001280
olivedrab#6B8E2310714235
olive#8080001281280
darkolivegreen#556B2F8510747
darkgreen#00640001000
aquamarine#7FFFD4127255212
mediumaquamarine#66CDAA102205170
darkseagreen#8FBC8F143188143
lightseagreen#20B2AA32178170
darkcyan#008B8B0139139
teal#0080800128128

Paarse kleuren

HTML-naamRGB-codeRGB
lavender#E6E6FA230230250
thistle#D8BFD8216191216
plum#DDA0DD221160221
violet#EE82EE238130238
fuchsia#FF00FF2550255
orchid#DA70D6218112214
mediumorchid#BA55D318685211
mediumpurple#9370DB147112219
slateblue#6A5ACD10690205
blueviolet#8A2BE213843226
darkviolet#9400D31480211
darkorchid#9932CC15350204
rebeccapurple#66339910251153
darkmagenta#8B008B1390139
purple#8000801280128
darkslateblue#483D8B7261139
indigo#4B0082750130

Bruine kleuren

HTML-naamRGB-codeRGB
cornsilk#FFF8DC255248220
blanchedalmond#FFEBCD255235205
bisque#FFE4C4255228196
navajowhite#FFDEAD255222173
wheat#F5DEB3245222179
burlywood#DEB887222184135
tan#D2B48C210180140
rosybrown#BC8F8F188143143
sandybrown#F4A46024416496
goldenrod#DAA52021816532
darkgoldenrod#B8860B18413411
peru#CD853F20513363
chocolate#D2691E21010530
saddlebrown#8B45131396919
sienna#A0522D1608245
brown#A52A2A1654242
maroon#80000012800

Witte kleuren

HTML-naamRGB-codeRGB
white#FFFFFF255255255
snow#FFFAFA255250250
honeydew#F0FFF0240255240
mintcream#F5FFFA245255250
azure#F0FFFF240255255
aliceblue#F0F8FF240248255
ghostwhite#F8F8FF248248255
whitesmoke#F5F5F5245245245
seashell#FFF5EE255245238
beige#F5F5DC245245220
oldlace#FDF5E6253245230
floralwhite#FFFAF0255250240
ivory#FFFFF0255255240
antiquewhite#FAEBD7250235215
linen#FAF0E6250240230
lavenderblush#FFF0F5255240245
mistyrose#FFE4E1255228225

Grijze kleuren

HTML-naamRGB-codeRGB
gainsboro#DCDCDC220220220
lightgray#D3D3D3211211211
silver#C0C0C0192192192
darkgray#A9A9A9169169169
gray#808080128128128
dimgray#696969105105105
lightslategray#778899119136153
slategray#708090112128144
darkslategray#2F4F4F477979
black#000000000