Lijst van HTML-kleuren | kleuren gebruikt bij het ontwerpen van webpagina's

Webkleuren zijn kleuren die worden gebruikt bij het ontwerpen van webpagina's, en de manieren om die kleuren te beschrijven en op te sommen.

Er zijn verschillende manieren om kleuren te kiezen voor onderdelen van webpagina's. Kleuren kunnen worden vermeld als een RGB-triplet (een reeks van drie getallen) in hexadecimaal formaat (een hex-triplet). Een RGB-triplet kan 16.777.216 verschillende kleuren maken. Veel gangbare kleuren kunnen ook worden gekozen aan de hand van hun gewone Engelse namen. Vaak wordt een kleurentool of andere grafische software gebruikt om kleurwaarden te creëren.

De eerste versies van Mosaic en Netscape Navigator gebruikten de X11-kleurnamen als basis voor hun kleurenlijsten. Dit kwam omdat ze allebei begonnen als X Window System-toepassingen.

Elke webkleur heeft zijn eigen definitie, sRGB. Deze heeft betrekking op de chromaticiteiten van een enkele fosforreeks, een bepaalde overdrachtscurve, een adaptief witpunt en kijkomstandigheden. Deze zijn zo gekozen dat ze overeenkomen met veel echte monitoren en kijkomstandigheden. Zelfs zonder kleurbeheer liggen de gecreëerde kleuren vrij dicht bij de opgegeven waarden. Gebruikersagenten kunnen echter verschillen in de getrouwheid waarmee zij de kleuren weergeven. Betere gebruikersagenten gebruiken kleurbeheer om een betere kleurechtheid te creëren. Dit is belangrijk voor Web-to-print-toepassingen.

Hex triplet

Een hex-triplet is een getal van zes cijfers en drie bytes dat in HTML, CSS, SVG en andere computerprogramma's wordt gebruikt om kleuren weer te geven. De bytes vertegenwoordigen de rode, groene en blauwe delen van de kleur. Eén byte vertegenwoordigt een getal in het bereik 00 tot FF, of 0 tot 255 in decimale notatie. Dit vertegenwoordigt de minste (0) tot de meeste (255) intensiteit van elk van de kleurcomponenten. Het hex-triplet wordt gevormd door drie bytes in hexadecimale notatie aan elkaar te rijgen, in de volgende volgorde:

Byte 1: rode waarde (kleurtype rood)

Byte 2: groene waarde (kleurtype groen)

Byte 3: blauwe waarde (kleurtype blauw)

Neem bijvoorbeeld de kleur waarbij de rode/groene/blauwe waarden decimale getallen zijn: rood=36, groen=104, blauw=160 (een grijsblauwe kleur). De decimale getallen 36, 104 en 160 zijn vergelijkbaar met respectievelijk de getallen 24, 68 en A0. Het hexadecimale drietal wordt verkregen door de 6 hexadecimale cijfers samen te voegen, 2468A0 in dit voorbeeld.

HTML-webkleuren

In 1997 geformuleerd, waren er oorspronkelijk 16 kleuren. Later werd oranje toegevoegd, waardoor het totaal op 17 uitkwam. De oorspronkelijke 16 maakten deel uit van de zogenaamde "Windows VGA-sjabloon", wat betekent dat dit de kleuren zijn die kunnen worden gebruikt voor acties zoals markeren.

Kleur	Hexadecimaal	Kleur	Hexadecimaal	Kleur	Hexadecimaal	Kleur	Hexadecimaal
aqua	#00FFFF	grijs	#808080	marine	#000080	zilver	#C0C0C0
zwart	#000000	groen	#008000	olijf	#808000	groenblauw	#008080
blauw	#0000FF	kalk	#00FF00	Paars	#800080	wit	#FFFFFFFF
fuchsia	#FF00FF	kastanjebruin	#800000	rood	#FF0000	geel	#FFFF00

Lijst van HTML-kleurnamen

De onderstaande tabel bevat alle 140 HTML-kleuren. Alle moderne browsers ondersteunen ze.

HTML-naam	Hex	Decimale code R G B
Rode kleuren
Crimson	#DC143C	220 20 60
Licht koraal	#F08080	240 128 128
Indisch rood	#CD5C5C	205 92 92
Vuursteen	#B22222	178 34 34
Bruin	#A52A2A	165 42 42
Rood	#FF0000	255 0 0
Donkerrood	#8B0000	139 0 0
Marron	#800000	128 0 0
Zalm	#FA8072	250 128 114
Roze & Roze kleuren
Roze	#FFC0CB	255 192 203
Lichtroze	#FFB6C1	255 182 193
Licht paarsrood	#DB7093	219 112 147
Warm roze	#FF69B4	255 105 180
Diep roze	#FF1493	255 20 147
Oranje kleuren
Perzik soesje	#FFDAB9	255 218 185
Donkere zalm	#E9967A	233 150 122
Lichte zalm	#FFA07A	255 160 122
Koraal	#FF7F50	255 127 80
Tomaat	#FF6347	255 99 71
OranjeRood	#FF4500	255 69 0
Papaja Whip	#FFEFD5	255 239 213
Moccasin	#FFE4B5	255 228 181
Donker Oranje	#FF8C00	255 140 0
Oranje	#FFA500	255 165 0

Gele kleuren
Licht guldenroede geel	#FAFAD2	250 250 210
Bleke guldenroede	#EEE8AA	238 232 170
Guldenroede	#DAA520	218 165 32
Donkere guldenroede	#B8860B	184 134 11
Goud	#FFD700	255 215 0
Citroen Chiffon	#FFFACD	255 250 205
Licht geel	#FFFFE0	255 255 224
Geel	#FFFF00	255 255 0
Olijf	#808000	128 128 0
Kaki	#F0E68C	240 230 140
Donker kaki	#BDB76B	189 183 107
Violette, paarse en magenta kleuren
Lavendel	#E6E6FA	230 230 250
Medium Paars	#9370DB	147 112 219
Blauw Violet	#8A2BE2	138 43 226
Donkerpaars	#9400D3	148 0 211
Indigo	#4B0082	75 0 130
Medium Orchidee	#BA55D3	186 85 211
Donkere orchidee	#9932CC	153 &50 204
Distel	#D8BFD8	216 191 216
Pruim	#DDA0DD	221 160 221
Violet	#EE82EE	238 130 238
Orchidee	#DA70D6	218 112 214
Fuchsia of Magenta	#FF00FF	255 0 255
Donker Magenta	#8B008B	139 0 139
Paars	#800080	128 0 128
Medium Violet Rood	#C71585	199 21 133

HTML-naam	Hex	Decimale code R G B
Groene kleuren
Geel Groen	#9ACD32	154 205 50
Olijfbruin	#6B8E23	107 142 35
Donker olijfgroen	#556B2F	85 107 47
Groen Geel	#ADFF2F	173 255 47
Chartreuse	#7FFF00	127 255 0
Groen gazon	#7CFC00	124 252 0
Kalk	#00FF00	0 255 0
Groen	#008000	0 128 0
Donkergroen	#006400	0 100 0
Lichtgroen	#98FB98	152 251 152
Lichtgroen	#90EE90	144 238 144
Limoengroen	#32CD32	50 205 50
Bosgroen	#228B22	34 139 34
Medium lentegroen	#00FA9A	0 250 154
Lentegroen	#00FF7F	0 255 127
Medium zeegroen	#3CB371	60 179 113
Zeegroen	#2E8B57	46 139 87
Donker zeegroen	#8FBC8F	143 188 143
Cyaan kleuren
Aquamarijn	#7FFFD4	127 255 212
Medium aquamarijn	#66CDAA	102 205 170
Turkoois	#40E0D0	64 224 208
Medium Turkoois	#48D1CC	72 209 204
Donker turkoois	#00CED1	0 206 209
Licht turkoois	#AFEEEE	175 238 238
Licht zeegroen	#20B2AA	32 178 170
Licht cyaan	#E0FFFF	224 255 255
Aqua of cyaan	#00FFFF	0 255 255
Donker cyaan	#008B8B	0 139 139
Wintertaling	#008080	0 128 128
Poederblauw	#B0E0E6	176 224 230
Cadet Blauw	#5F9EA0	95 158 160
Kleuren azuurblauw en blauw
Lichtblauw	#ADD8E6	173 216 230
Hemelsblauw	#87CEEB	135 206 235
Licht hemelsblauw	#87CEFA	135 206 250
Diep hemelsblauw	#00BFFF	0 191 255
Dodger Blauw	#1E90FF	30 144 255
Licht staalblauw	#B0C4DE	176 196 222
Staalblauw	#4682B4	70 130 180
Korenbloemblauw	#6495ED	100 149 237
Koningsblauw	#4169E1	65 105 225
Blauw	#0000FF	0 0 255
Medium Blauw	#0000CD	0 0 205
Donkerblauw	#00008B	0 0 139
Marine	#000080	0 0 128
Middernachtblauw	#191970	25 25 112
Medium leisteenblauw	#7B68EE	123 104 238
Leisteenblauw	#6A5ACD	106 90 205
Donker leisteenblauw	#483D8B	72 61 139

HTML-naam	Hex	Decimale code R G B
Bruine kleuren
Cornsilk	#FFF8DC	255 248 220
Geblancheerde amandel	#FFEBCD	255 235 205
Bisque	#FFE4C4	255 228 196
Navajo Wit	#FFDEAD	255 222 173
Tarwe	F5 DE B3	245 222 179
Burlywood	DE B8 87	222 184 135
Tan	D2 B4 8C	210 180 140
Rozebruin	BC 8F 8F	188 143 143
Sandy Brown	F4 A4 60	244 164 96
Peru	CD 85 3F	205 133 63
Chocolade	D2 69 1E	210 105 30
Zadelbruin	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Witte kleuren
Wit	FF FF FF	255 255 255
Sneeuw	FF FA FA	255 250 250
Honingdauw	F0 FF F0	240 255 240
Muntcrème	F5 FF FA	245 255 250
Azuur	F0 FF FF	240 255 255
Alice Blauw	F0 F8 FF	240 248 255
Spookwit	F8 F8 FF	248 248 255
Witte rook	F5 F5 F5	245 245 245
Zeeschelp	FF F5 EE	255 245 238
Beige	F5 F5 DC	245 245 220
Oude Kant	FD F5 E6	253 245 230
Bloemenwit	FF FA F0	255 250 240
Ivoor	FF FF F0	255 255 240
Antiek Wit	FA EB D7	250 235 215
Linnen	FA F0 E6	250 240 230
Lavendelbloesem	FF F0 F5	255 240 245
Misty Rose	FF E4 E1	255 228 225
Grijze kleuren
Gainsboro	DC DC DC	220 220 220
Lichtgrijs	D3 D3 D3	211 211 211
Zilver	C0 C0 C0 C0	192 192 192
Donkergrijs	A9 A9 A9	169 169 169
Grijs	80 80 80	128 128 128
Dim Grijs	69 69 69	105 105 105
Licht leigrijs	77 88 99	119 136 153
Leisteen grijs	70 80 90	112 128 144
Donker leigrijs	2F 4F 4F	47 79 79
Zwart	00 00 00	0 0 0

X11-kleuren (geformuleerd in 1987)

Deze worden "X11 web colors" genoemd sinds de uitvinding van het World Wide Web in 1991.

X11-naam	Hex	Decimale code R G B
Rode kleuren
lichtkoraal	#F08080	240 128 128
indianred	#CD5C5C	205 92 92
indianred1	#FF6A6A	255 106 106
indianred2	#EE6363	238 99 99
indianred3	#CD5555	205 85 85
indianred4	#8B3A3A	139 58 58
vuursteen	#B22222	178 34 34
bruin	#A52A2A	165 42 42
rood1	#FF0000	255 0 0
rood4	#8B0000	139 0 0
zalm	#FA8072	250 128 114
Roze & Roze kleuren
roze	#FFC0CB	255 192 203
lichtroze	#FFB6C1	255 182 193
hotpink	#FF69B4	255 105 180
deeppink1	#FF1493	255 20 147
bleekvioletrood	#DB7093	219 112 147
kastanjebruin	#B03060	176 48 96
Oranje kleuren
perzikpluis1	#FFDAB9	255 218 185
darksalmon	#E9967A	233 150 122
lichtzalm1	#FFA07A	255 160 122
koraal	#FF7F50	255 127 80
tomaat1	#FF6347	255 99 71
oranje1	#FF4500	255 69 0
papayawhip	#FFEFD5	255 239 213
mocassin	#FFE4B5	255 228 181
donkeroranje	#FF8C00	255 140 0
oranje1	#FFA500	255 165 0

Gele kleuren
lichtgoudgeel	#FAFAD2	250 250 210
lightgoldenrod1	#FFEC8B	250 250 210
lightgoldenrod2	#EEDC82	238 220 130
lightgoldenrod3	#CDBE70	205 190 112
lightgoldenrod4	#8B814C	139 129 76
palegoldenrod	#EEE8AA	238 232 170
guldenroede	#DAA520	218 165 32
guldenroede1	#FFC125	255 193 37
guldenroede2	#EEB422	238 180 34
guldenroede3	#CD9B1D	205 155 29
guldenroede4	#8B6914	139 105 20
darkgoldenrod	#B8860B	184 134 11
darkgoldenrod1	#FFB90F	255 184 15
darkgoldenrod2	#EEAD0E	238 173 14
darkgoldenrod3	#CD950C	205 149 12
darkgoldenrod4	#8B6508	139 101 8
goud1	#FFD700	255 215 0
goud2	#EEC900	238 201 0
goud3	#CDAD00	205 173 0
goud4	#8B7500	139 177 0
citroenchiffon1	#FFFACD	255 250 205
citroenchiffon2	#EEE9BF	238 233 191
citroenchiffon3	#CDC9A5	2O5 201 165
citroenchiffon4	#8B8970	139 137 112
lichtgeel1	#FFFFE0	255 255 224
lichtgeel2	#EEEED1	238 238 209
lichtgeel3	#CDCDB4	205 205 180
lichtgeel4	#8B8B7A	139 139 122
geel1	#FFFF00	255 255 0
geel2	#EEEE00	238 238 0
geel3	#CDCD00	205 205 0
geel4	#8B8B00	139 139 0
kaki	#F0E68C	240 230 140
kaki1	#FFF68F	255 246 143
kaki2	#EEE685	238 230 133
kaki3	#CDC673	205 198 115
kaki4	#8B864E	139 134 78
darkkhaki	#BDB76B	189 183 107
Violette, paarse en magenta kleuren
lavendel	#E6E6FA	230 230 250
middenpaars	#9370DB	147 112 219
blueviolet	#8A2BE2	138 43 226
darkviolet	#9400D3	148 0 211
paars	#A020F0	160 32 240
mediumorchidee	#BA55D3	186 85 211
darkorchid	#9932CC	153 50 204
distel	#D8BFD8	216 191 216
pruim	#DDA0DD	221 160 221
violet	#EE82EE	238 130 238
orchidee	#DA70D6	218 112 214
magenta	#FF00FF	255 0 255
maroon1	#FF34B3	255 52 179
maroon2	#EE30A7	238 48 167
maroon3	#CD2990	205 41 144
maroon4	#8B1C62	139 28 98
mediumvioletrood	#C71585	199 21 133
violetrood	#D02090	208 32 144

X11-naam	Hex	Decimale code R G B
Groene kleuren
geelgroen	#9ACD32	154 205 50
olivedrab	#6B8E23	107 142 35
donkergroen	#556B2F	85 107 47
groengeel	#ADFF2F	173 255 47
chartreuse1	#7FFF00	127 255 0
grasgroen	#7CFC00	124 252 0
groen1	#00FF00	0 255 0
groen4	#008B00	0 139 0
donkergroen	#006400	0 100 0
palegroen	#98FB98	152 251 152
kalkgroen	#32CD32	50 205 50
forestgreen	#228B22	34 139 34
middengroen	#00FA9A	0 250 154
springgroen1	#00FF7F	0 255 127
middengroen	#3CB371	60 179 113
zeegroen1	#54FF9F	46 139 87
donkergroen	#8FBC8F	143 188 143
Cyaan kleuren
aquamarijn	#7FFFD4	127 255 212
mediumaquamarijn	#66CDAA	102 205 170
turkoois	#40E0D0	64 224 208
mediumturquoise	#48D1CC	72 209 204
darkturquoise	#00CED1	0 206 209
paleturquoise	#AFEEEE	175 238 238
lichtgroen	#20B2AA	32 178 170
lightcyan1	#E0FFFF	224 255 255
cyaan1	#00FFFF	0 255 255
cyaan2	#00EEEE	0 238 238
cyaan3	#00CDCD	0 205 205
cyaan4	#008B8B	0 139 139
poederblauw	#B0E0E6	176 224 230
cadetblauw	#5F9EA0	95 158 160
Kleuren azuurblauw en blauw
lichtblauw	#ADD8E6	173 216 230
skyblue	#87CEEB	135 206 235
lightskyblue	#87CEFA	135 206 250
deepskyblue1	#00BFFF	0 191 255
dodgerblue1	#1E90FF	30 144 255
lichtstaalblauw	#B0C4DE	176 196 222
staalblauw	#4682B4	70 130 180
korenblauw	#6495ED	100 149 237
koningsblauw	#4169E1	65 105 225
blauw1	#0000FF	0 0 255
blauw2	#0000EE	0 0 238
middenblauw	#0000CD	0 0 205
blauw4	#00008B	0 0 139
marineblauw	#000080	0 0 128
middernachtblauw	#191970	25 25 112
middenblauw	#7B68EE	123 104 238
leiblauw	#6A5ACD	106 90 205
donkerblauw	#483D8B	72 61 139

X11-naam	Hex	Decimale code R G B
Bruine kleuren
likdoorn1	FF F8 DC	255 248 220
blanchedalmond	FF EB CD	255 235 205
bisque1	FF E4 C4	255 228 196
navajowit1	FF DE AD	255 222 173
tarwe	F5 DE B3	245 222 179
burlywood	DE B8 87	222 184 135
tan	D2 B4 8C	210 180 140
rozebruin	BC 8F 8F	188 143 143
zandbruin	F4 A4 60	244 164 96
peru	CD 85 3F	205 133 63
chocolade	D2 69 1E	210 105 30
zadelbruin	8B 45 13	139 69 19
sienna	A0 52 2D	160 82 45
Witte kleuren
wit	FF FF FF	255 255 255
sneeuw1	FF FA FA	255 250 250
honingdauw1	F0 FF F0	240 255 240
mintcream	F5 FF FA	245 255 250
azuur1	F0 FF FF	240 255 255
aliceblue	F0 F8 FF	240 248 255
ghostwhite	F8 F8 FF	248 248 255
whitesmoke	F5 F5 F5	245 245 245
schelp1	FF F5 EE	255 245 238
beige	F5 F5 DC	245 245 220
oldlace	FD F5 E6	253 245 230
bloemenwit	FF FA F0	255 250 240
ivoor1	FF FF F0	255 255 240
antiekwit	FA EB D7	250 235 215
linnen	FA F0 E6	250 240 230
lavendelroos1	FF F0 F5	255 240 245
mistyrose1	FF E4 E1	255 228 225
Grijze kleuren
gainsboro	DC DC DC	220 220 220
lichtgrijs	D3 D3 D3	211 211 211
zilver	C0 C0 C0 C0	192 192 192
darkgray	A9 A9 A9	169 169 169
grijs	80 80 80	128 128 128
dimgray	69 69 69	105 105 105
lightslategray	77 88 99	119 136 153
slategray	70 80 90	112 128 144
darkslategray	2F 4F 4F	47 79 79
zwart	#000000	0 0 0

Grafiek van geselecteerde webkleuren

Deze grafiek toont geselecteerde HTML- en X11-kleuren, alsmede geselecteerde onofficiële consensuswebkleuren die zijn ontwikkeld door webdesigners sinds 2002. Bij het invoeren van code waarbij de onofficiële kleuren worden gebruikt, moet de hexcode van de kleur worden opgegeven in plaats van de naam van de kleur.

Bekijk
spreek
bewerken

Webkleuren (lijst)

Roze

Crimson

Rood

Marron

Bruin

Misty Rose

Zalm

Koraal

Oranje-Rood

Chocolade

Oranje

Goud

Ivoor

Geel

Groen gazon

Kalk

Lentegroen

Turkoois

Pruim

Paars

Tan

Leigrijs

Donker leigrijs

Wit

Witte rook

Lichtgrijs

Zilver

Donkergrijs

Grijs

Dim Grijs

Zwart

Vragen en antwoorden

V: Wat zijn webkleuren?

A: Webkleuren zijn kleuren die worden gebruikt bij het ontwerpen van webpagina's, en de manieren om die kleuren te beschrijven en op te sommen.

V: Hoeveel verschillende kleuren kunnen worden gemaakt met RGB-tripletten?

A: Met RGB-tripletten kunnen 16.777.216 verschillende kleuren worden gemaakt.

V: Bestaan er gewone Engelse namen voor sommige van deze kleuren?

A: Ja, veel gangbare kleuren kunnen ook worden gekozen met hun gewone Engelse namen.

V: Welke software wordt doorgaans gebruikt om kleurwaarden te creëren?

A: Vaak wordt een kleurentool of andere grafische software gebruikt om kleurwaarden te creëren.

V: Wat was de basis voor de originele Mosaic en Netscape Navigator kleurenlijsten?

A: De eerste versies van Mosaic en Netscape Navigator gebruikten de X11 kleurnamen als basis voor hun kleurenlijsten, omdat zij beide begonnen als X Window System toepassingen.

V: Waar heeft sRGB betrekking op als het gaat om webkleuren?

A: Elke webkleur heeft zijn eigen definitie, sRGB, die betrekking heeft op de kleurkwaliteiten van een enkele fosforreeks, een bepaalde overdrachtscurve, een adaptief witpunt en kijkomstandigheden.

V: Hoe geven gebruikersagenten deze kleuren nauwkeurig weer?

A: Betere user agents gebruiken kleurbeheer om een betere kleurechtheid te creëren, wat belangrijk is voor Web-to-print-toepassingen.