|
HTML-gids
Start | Basis | Links | Opmaak | Kleuren | Afbeeldingen | Tabellen | Opsommingen | Formulieren | Frames | Speciale tekens | Meta-tags
Kleuren
U kunt in HTML een aantal kleuren aangeven met de kleurnamen in het Engels (black, white, red, green, blue, yellow, silver etc.).
Maar normaal gesproken worden kleuren in HTML aangegeven met zogenaamde hexadecimale codes.
(Decimaal: mbv. 10 cijfers: 0-9; hexadecimaal mbv 16 'cijfers': 0-9 en a-f.)
Zo'n code bestaat uit 6 cijfers of letters.
De eerste twee staan voor de kleur rood, de volgende twee voor de kleur groen en de laatste twee voor de kleur blauw.
Daarbij staan de letters a t/m f voor de getallen 10 t/m 15.
Om deze codes om te rekenen naar de RGB-codes van uw tekenprogramma,
moet u voor elk tweetal het eerste cijfer of letter vermenigvuldigen met 16 en het tweede daarbij optellen.
De code '33' staat dus voor (3 x 16) + 3 = 51 en de code 'ea' voor (14 x 16) + 10 = 234.
RGB-codes omrekenen naar hexadecimale codes gaat als volgt.
U deelt het RGB-getal (een getal tussen 0 en 255) door 16.
Van het resultaat is het deel voor de komma het eerste cijfer. Het deel na de komma vermenigvuldigt u met 16. Het resultaat daarvan is het tweede cijfer. Voorbeeld: 173. 173 / 16 = 10,8125. Het eerste 'cijfer' is dus 10 oftewel 'a'. 0,8125 x 16 = 13. Het tweede 'cijfer' is dus 13 oftewel 'd'. De code voor 173 is dus 'ad'.
In totaal kunt u op deze manier 256 x 256 x 256 = 16.777.200 kleuren mengen.
Elke code van zes cijfers wordt in HTML voorafgegaan door een #.
#ffffff staat voor de kleur wit en #000000 voor de kleur zwart.
(NB: elke keer als de drie tweetallen aan elkaar gelijk zijn, hebt u een grijstint te pakken. Voorbeeld: #adadad)
Helaas worden niet alle kleuren door alle computers hetzelfde weergegeven,
al is dat probleem tegenwoordig niet zo groot meer als een paar jaar geleden.
Wanneer u echter in uw kleurcodes alleen gebruik maakt van de getallen 00, 33, 66, 99, cc en ff
kunt u er van uitgaan dat uw kleuren goed worden weergegeven.
Deze 216 kleuren vormen namelijk het zogenaamde webveilige palet.
Hieronder ziet u deze kleuren met daarbij de hexadecimale code en de RGB-code van elke kleur.
| #000000 / 0-0-0 |
#330000 / 51-0-0 |
#660000 / 102-0-0 |
#990000 / 153-0-0 |
#cc0000 / 204-0-0 |
#ff0000 / 255-0-0 |
| #000033 / 0-0-51 |
#330033 / 51-0-51 |
#660033 / 102-0-51 |
#990033 / 153-0-51 |
#cc0033 / 204-0-51 |
#ff0033 / 255-0-51 |
| #000066 / 0-0-102 |
#330066 / 51-0-102 |
#660066 / 102-0-102 |
#990066 / 153-0-102 |
#cc0066 / 204-0-102 |
#ff0066 / 255-0-102 |
| #000099 / 0-0-153 |
#330099 / 51-0-153 |
#660099 / 102-0-153 |
#990099 / 153-0-153 |
#cc0099 / 204-0-153 |
#ff0099 / 255-0-153 |
| #0000cc / 0-0-204 |
#3300cc / 51-0-204 |
#6600cc / 102-0-204 |
#9900cc / 153-0-204 |
#cc00cc / 204-0-204 |
#ff00cc / 255-0-204 |
| #0000ff / 0-0-255 |
#3300ff / 51-0-255 |
#6600ff / 102-0-255 |
#9900ff / 153-0-255 |
#cc00ff / 204-0-255 |
#ff00ff / 255-0-255 |
| #0033ff / 0-51-255 |
#3333ff / 51-51-255 |
#6633ff / 102-51-255 |
#9933ff / 153-51-255 |
#cc33ff / 204-51-255 |
#ff33ff / 255-51-255 |
| #0033cc / 0-51-204 |
#3333cc / 51-51-204 |
#6633cc / 102-51-204 |
#9933cc / 153-51-204 |
#cc33cc / 204-51-204 |
#ff33cc / 255-51-204 |
| #003399 / 0-51-153 |
#333399 / 51-51-153 |
#663399 / 102-51-153 |
#993399 / 153-51-153 |
#cc3399 / 204-51-153 |
#ff3399 / 255-51-153 |
| #003366 / 0-51-102 |
#333366 / 51-51-102 |
#663366 / 102-51-102 |
#993366 / 153-51-102 |
#cc3366 / 204-51-102 |
#ff3366 / 255-51-102 |
| #003333 / 0-51-51 |
#333333 / 51-51-51 |
#663333 / 102-51-51 |
#993333 / 153-51-51 |
#cc3333 / 204-51-51 |
#ff3333 / 255-51-51 |
| #003300 / 0-51-0 |
#333300 / 51-51-0 |
#663300 / 102-51-0 |
#993300 / 153-51-0 |
#cc3300 / 204-51-0 |
#ff3300 / 255-51-0 |
| #006600 / 0-102-0 |
#336600 / 51-102-0 |
#666600 / 102-102-0 |
#996600 / 153-102-0 |
#cc6600 / 204-102-0 |
#ff6600 / 255-102-0 |
| #006633 / 0-102-51 |
#336633 / 51-102-51 |
#666633 / 102-102-51 |
#996633 / 153-102-51 |
#cc6633 / 204-102-51 |
#ff6633 / 255-102-51 |
| #006666 / 0-102-102 |
#336666 / 51-102-102 |
#666666 / 102-102-102 |
#996666 / 153-102-102 |
#cc6666 / 204-102-102 |
#ff6666 / 255-102-102 |
| #006699 / 0-102-153 |
#336699 / 51-102-153 |
#666699 / 102-102-153 |
#996699 / 153-102-153 |
#cc6699 / 204-102-153 |
#ff6699 / 255-102-153 |
| #0066cc / 0-102-204 |
#3366cc / 51-102-204 |
#6666cc / 102-102-204 |
#9966cc / 153-102-204 |
#cc66cc / 204-102-204 |
#ff66cc / 255-102-204 |
| #0066ff / 0-102-255 |
#3366ff / 51-102-255 |
#6666ff / 102-102-255 |
#9966ff / 153-102-255 |
#cc66ff / 204-102-255 |
#ff66ff / 255-102-255 |
| #0099ff / 0-153-255 |
#3399ff / 51-153-255 |
#6699ff / 102-153-255 |
#9999ff / 153-153-255 |
#cc99ff / 204-153-255 |
#ff99ff / 255-153-255 |
| #0099cc / 0-153-204 |
#3399cc / 51-153-204 |
#6699cc / 102-153-204 |
#9999cc / 153-153-204 |
#cc99cc / 204-153-204 |
#ff99cc / 255-153-204 |
| #009999 / 0-153-153 |
#339999 / 51-153-153 |
#669999 / 102-153-153 |
#999999 / 153-153-153 |
#cc9999 / 204-153-153 |
#ff9999 / 255-153-153 |
| #009966 / 0-153-102 |
#339966 / 51-153-102 |
#669966 / 102-153-102 |
#999966 / 153-153-102 |
#cc9966 / 204-153-102 |
#ff9966 / 255-153-102 |
| #009933 / 0-153-51 |
#339933 / 51-153-51 |
#669933 / 102-153-51 |
#999933 / 153-153-51 |
#cc9933 / 204-153-51 |
#ff9933 / 255-153-51 |
| #009900 / 0-153-0 |
#339900 / 51-153-0 |
#669900 / 102-153-0 |
#999900 / 153-153-0 |
#cc9900 / 204-153-0 |
#ff9900 / 255-153-0 |
| #00cc00 / 0-204-0 |
#33cc00 / 51-204-0 |
#66cc00 / 102-204-0 |
#99cc00 / 153-204-0 |
#cccc00 / 204-204-0 |
#ffcc00 / 255-204-0 |
| #00cc33 / 0-204-51 |
#33cc33 / 51-204-51 |
#66cc33 / 102-204-51 |
#99cc33 / 153-204-51 |
#ffcc33 / 204-204-51 |
#ffcc33 / 255-204-51 |
| #00cc66 / 0-204-102 |
#33cc66 / 51-204-102 |
#66cc66 / 102-204-102 |
#99cc66 / 153-204-102 |
#cccc66 / 204-204-102 |
#ffcc66 / 255-204-102 |
| #00cc99 / 0-204-153 |
#33cc99 / 51-204-153 |
#66cc99 / 102-204-153 |
#99cc99 / 153-204-153 |
#cccc99 / 204-204-153 |
#ffcc99 / 255-204-153 |
| #00cccc / 0-204-204 |
#33cccc / 51-204-204 |
#66cccc / 102-204-204 |
#99cccc / 153-204-204 |
#cccccc / 204-204-204 |
#ffcccc / 255-204-204 |
| #00ccff / 0-204-255 |
#33ccff / 51-204-255 |
#66ccff / 102-204-255 |
#99ccff / 153-204-255 |
#ccccff / 204-204-255 |
#ffccff / 255-204-255 |
| #00ffff / 0-255-255 |
#33ffff / 51-255-255 |
#66ffff / 102-255-255 |
#99ffff / 153-255-255 |
#ccffff / 204-255-255 |
#ffffff / 255-255-255 |
| #00ffcc / 0-255-204 |
#33ffcc / 51-255-204 |
#66ffcc / 102-255-204 |
#99ffcc / 153-255-204 |
#ccffcc / 204-255-204 |
#ffffcc / 255-255-204 |
| #00ff99 / 0-255-153 |
#33ff99 / 51-255-153 |
#66ff99 / 102-255-153 |
#99ff99 / 153-255-153 |
#ccff99 / 204-255-153 |
#ffff99 / 255-255-153 |
| #00ff66 / 0-255-102 |
#33ff66 / 51-255-102 |
#66ff66 / 102-255-102 |
#99ff66 / 153-255-102 |
#ccff66 / 204-255-102 |
#ffff66 / 255-255-102 |
| #00ff33 / 0-255-51 |
#33ff33 / 51-255-51 |
#66ff33 / 102-255-51 |
#99ff33 / 153-255-51 |
#ccff33 / 204-255-51 |
#ffff33 / 255-255-51 |
| #00ff00 / 0-255-0 |
#33ff00 / 51-255-0 |
#66ff00 / 102-255-0 |
#99ff00 / 153-255-0 |
#ccff00 / 204-255-0 |
#ffff00 / 255-255-0 |
Start | Basis | Links | Opmaak | Kleuren | Afbeeldingen | Tabellen | Opsommingen | Formulieren | Frames | Speciale tekens | Meta-tags
|
