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 (die weergegeven wordt met hexadecimale getallen) 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-naam
RGB-code
R
G
B
pink
#FFC0CB
255
192
203
lightpink
#FFB6C1
255
182
193
palevioletred
#DB7093
219
112
147
hotpink
#FF69B4
255
105
180
deeppink
#FF1493
255
20
147
mediumvioletred
#C71585
199
21
133
Gele kleuren
HTML-naam
RGB-code
R
G
B
lightyellow
#FFFFE0
255
255
224
lemonchiffon
#FFFACD
255
250
205
lightgoldenrodyellow
#FAFAD2
250
250
210
papayawhip
#FFEFD5
255
239
213
moccasin
#FFE4B5
255
228
181
peachpuff
#FFDAB9
255
218
185
palegoldenrod
#EEE8AA
238
232
170
khaki
#F0E68C
240
230
140
yellow
#FFFF00
255
255
0
gold
#FFD700
255
215
0
darkkhaki
#BDB76B
189
183
107
Blauwe kleuren
HTML-naam
RGB-code
R
G
B
lightcyan
#E0FFFF
224
255
255
paleturquoise
#AFEEEE
175
238
238
aqua
#00FFFF
0
255
255
aquamarine
#7FFFD4
127
255
212
turquoise
#40E0D0
64
224
208
mediumturquoise
#48D1CC
72
209
204
darkturquoise
#00CED1
0
206
209
powderblue
#B0E0E6
176
224
230
lightsteelblue
#B0C4DE
176
196
222
lightblue
#ADD8E6
173
216
230
skyblue
#87CEEB
135
206
235
lightskyblue
#87CEFA
135
206
250
deepskyblue
#00BFFF
0
191
255
cornflowerblue
#6495ED
100
149
237
steelblue
#4682B4
70
130
180
cadetblue
#5F9EA0
95
158
160
mediumslateblue
#7B68EE
123
104
238
dodgerblue
#1E90FF
30
144
255
royalblue
#4169E1
65
105
225
blue
#0000FF
0
0
255
mediumblue
#0000CD
0
0
205
darkblue
#00008B
0
0
139
navy
#000080
0
0
128
midnightblue
#191970
25
25
112
Oranje kleuren
HTML-naam
RGB-code
R
G
B
lightsalmon
#FFA07A
255
160
122
orange
#FFA500
255
165
0
darkorange
#FF8C00
255
140
0
coral
#FF7F50
255
127
80
tomato
#FF6347
255
99
71
orangered
#FF4500
255
69
0
Groene kleuren
HTML-naam
RGB-code
R
G
B
greenyellow
#ADFF2F
173
255
47
chartreuse
#7FFF00
127
255
0
lawngreen
#7CFC00
124
252
0
lime
#00FF00
0
255
0
palegreen
#98FB98
152
251
152
lightgreen
#90EE90
144
238
144
mediumspringgreen
#00FA9A
0
250
154
springgreen
#00FF7F
0
255
127
yellowgreen
#9ACD32
154
205
50
limegreen
#32CD32
50
205
50
mediumseagreen
#3CB371
60
179
113
seagreen
#2E8B57
46
139
87
forestgreen
#228B22
34
139
34
green
#008000
0
128
0
olivedrab
#6B8E23
107
142
35
olive
#808000
128
128
0
darkolivegreen
#556B2F
85
107
47
darkgreen
#006400
0
100
0
aquamarine
#7FFFD4
127
255
212
mediumaquamarine
#66CDAA
102
205
170
darkseagreen
#8FBC8F
143
188
143
lightseagreen
#20B2AA
32
178
170
darkcyan
#008B8B
0
139
139
teal
#008080
0
128
128
Paarse kleuren
HTML-naam
RGB-code
R
G
B
lavender
#E6E6FA
230
230
250
thistle
#D8BFD8
216
191
216
plum
#DDA0DD
221
160
221
violet
#EE82EE
238
130
238
fuchsia
#FF00FF
255
0
255
orchid
#DA70D6
218
112
214
mediumorchid
#BA55D3
186
85
211
mediumpurple
#9370DB
147
112
219
slateblue
#6A5ACD
106
90
205
blueviolet
#8A2BE2
138
43
226
darkviolet
#9400D3
148
0
211
darkorchid
#9932CC
153
50
204
rebeccapurple
#663399
102
51
153
darkmagenta
#8B008B
139
0
139
purple
#800080
128
0
128
darkslateblue
#483D8B
72
61
139
indigo
#4B0082
75
0
130
Bruine kleuren
HTML-naam
RGB-code
R
G
B
cornsilk
#FFF8DC
255
248
220
blanchedalmond
#FFEBCD
255
235
205
bisque
#FFE4C4
255
228
196
navajowhite
#FFDEAD
255
222
173
wheat
#F5DEB3
245
222
179
burlywood
#DEB887
222
184
135
tan
#D2B48C
210
180
140
rosybrown
#BC8F8F
188
143
143
sandybrown
#F4A460
244
164
96
goldenrod
#DAA520
218
165
32
darkgoldenrod
#B8860B
184
134
11
peru
#CD853F
205
133
63
chocolate
#D2691E
210
105
30
saddlebrown
#8B4513
139
69
19
sienna
#A0522D
160
82
45
brown
#A52A2A
165
42
42
maroon
#800000
128
0
0
Witte kleuren
HTML-naam
RGB-code
R
G
B
white
#FFFFFF
255
255
255
snow
#FFFAFA
255
250
250
honeydew
#F0FFF0
240
255
240
mintcream
#F5FFFA
245
255
250
azure
#F0FFFF
240
255
255
aliceblue
#F0F8FF
240
248
255
ghostwhite
#F8F8FF
248
248
255
whitesmoke
#F5F5F5
245
245
245
seashell
#FFF5EE
255
245
238
beige
#F5F5DC
245
245
220
oldlace
#FDF5E6
253
245
230
floralwhite
#FFFAF0
255
250
240
ivory
#FFFFF0
255
255
240
antiquewhite
#FAEBD7
250
235
215
linen
#FAF0E6
250
240
230
lavenderblush
#FFF0F5
255
240
245
mistyrose
#FFE4E1
255
228
225
Grijze kleuren
HTML-naam
RGB-code
R
G
B
gainsboro
#DCDCDC
220
220
220
lightgray
#D3D3D3
211
211
211
silver
#C0C0C0
192
192
192
darkgray
#A9A9A9
169
169
169
gray
#808080
128
128
128
dimgray
#696969
105
105
105
lightslategray
#778899
119
136
153
slategray
#708090
112
128
144
darkslategray
#2F4F4F
47
79
79
black
#000000
0
0
0
Beleef meer dankzij cookies
Om de beste ervaringen te bieden, gebruiken wij technologieën zoals cookies om informatie over je apparaat op te slaan en/of te raadplegen. Door in te stemmen met deze technologieën kunnen wij gegevens zoals surfgedrag of unieke ID's op deze site verwerken. Als je geen toestemming geeft of uw toestemming intrekt, kan dit een nadelige invloed hebben op bepaalde functies en mogelijkheden.
Functioneel Altijd actief
De technische opslag of toegang is strikt noodzakelijk voor het legitieme doel het gebruik mogelijk te maken van een specifieke dienst waarom de abonnee of gebruiker uitdrukkelijk heeft gevraagd, of met als enig doel de uitvoering van de transmissie van een communicatie over een elektronisch communicatienetwerk.
Voorkeuren
De technische opslag of toegang is noodzakelijk voor het legitieme doel voorkeuren op te slaan die niet door de abonnee of gebruiker zijn aangevraagd.
Statistieken
De technische opslag of toegang die uitsluitend voor statistische doeleinden wordt gebruikt.De technische opslag of toegang die uitsluitend wordt gebruikt voor anonieme statistische doeleinden. Zonder dagvaarding, vrijwillige naleving door uw Internet Service Provider, of aanvullende gegevens van een derde partij, kan informatie die alleen voor dit doel wordt opgeslagen of opgehaald gewoonlijk niet worden gebruikt om je te identificeren.
Marketing
De technische opslag of toegang is nodig om gebruikersprofielen op te stellen voor het verzenden van reclame, of om de gebruiker op een website of over verschillende websites te volgen voor soortgelijke marketingdoeleinden.
