HTML Kleurcodetabel
Met deze dynamische HTML kleurcodetabel kun je de basiskleuren
vinden.
Klik op een kleur om de HTML kleurcode te vinden:
HTML Kleurkiezer
Kies een kleur door middel van de kleurkiezer en je krijgt de
HTML kleurcode die bij de gekozen kleur hoort.
NIEUW: Je kan je
eigen kleur in het bovenste invulveld plakken.
Hoe HTML kleurcodes te gebruiken?
Met HTML kleurcodes kun je de achtergrondkleur van een website instellen, kleur van tekst, cellen in tabellen, enz.
Achtergrondkleur van de pagina instellen:
<body style="background:#80BFFF"> |
Tekstkleur instellen:
<span style="color:#80BFFF"> |
Achtergrond van tabel instellen:
<table style="background:#80BFFF"> |
Linkkleur instellen:
<a style="color:#80BFFF"> |
HTML Kleurcodes theorie
Vraag je je af "zit er ook nog wat logica in die rare
kleurcodes"? Het antwoord is ja.
HTML-codes formaat:
Elke kleurcode bevat een "#" aan het begin en 6 letters of
nummers. Deze nummers zijn in hexadecimaal. Voorbeeld: "FF" in
hexadecimaal betekent 255 in decimaal.
Betekenis van kleurcodes:
De eerste twee symbolen bepalen de intensiteit van het
rood in de kleur. 00 is het laagst, en FF is het
hoost.
De derde en vierde bepalen groen, nummer vijf en zes
bepalen de intensiteit van de kleur blauw.
Door alle kleuren te mengen, kunnen we elke kleur krijgen die ons
hartje begeert!
Voorbeelden:
#FF0000 - Met deze HTML kleurcode
vertellen we de browser om volledig rood te laten zien, en geen groen
en blauw. Zo ziet het eruit:
#00FF00 - Deze code laat alleen groen
zien, geen rood of blauw. Resultaat:
#0000FF - Hier vragen we de browser
alleen blauw te laten zien.
Onze creatie:
#FFFF00 - De
combinatie van rood en groen geeft ons... geel! Voorbeeld:
#CCEEFF - Wat meer
groen en maximaal blauw zorgt voor het volgende:
Veel plezier met HTML kleurcodes!
Steun deze website
Steun deze website door er naartoe te linken! Je hoeft alleen maar
deze code op je website te plaatsen:
<a
href="http://html-color-codes.info/HTML-kleurcodes/" title="HTML kleurcodes">HTML kleurcodes</a>
Bedankt! :)
Vragen? Suggesties? Mail naar .
Als je deze website wil steunen, en wat geld kunt missen, doneer!
Elke donatie wordt zeer op prijs gesteld.