HTML-kleurcodes
Bekijk HTML- en CSS-kleuren met een naam, met hun HEX- en RGB-waarden, en kopieer elke code met één klik.
Zo werkt het: HTML-kleurcodes
- 1
Voer een kleur in
Typ een kleurcode of kies een kleur met de kleurkiezer — elk veld accepteert het formaat dat erbij staat.
- 2
Bekijk de conversie
Het resultaat wordt direct bijgewerkt terwijl je typt, samen met een live voorbeeld van de kleur.
- 3
Kopieer de code
Kopieer de gewenste waarde met één klik en plak hem in je ontwerp, CSS of afdrukinstellingen.
Kleurnamen in HTML en CSS
In HTML en CSS kun je een kleur als trefwoord schrijven in plaats van als getal. Naast de 16 basisnamen zoals Red, Navy en Olive begrijpen browsers een uitgebreide set van ongeveer 140 namen — Tomato, SteelBlue, RebeccaPurple en nog veel meer — en elke naam hoort bij een vaste HEX-waarde. Hoofdletters maken niet uit, dus color: tomato en color: Tomato betekenen hetzelfde.
Deze pagina toont de kleuren met een naam als kleurvlakken met hun HEX-code en RGB-waarde. Typ in het zoekvak om te filteren op naam of op een deel van een HEX-code, en klik op een kleurvlak om de HEX-code te kopiëren. Kleurnamen zijn handig voor prototypes en snelle demo’s; voor een huisstijlpalet geven HEX-, RGB- of HSL-waarden je precieze controle over elke tint.
Alles draait lokaal in je browser — je afbeeldingen worden nooit naar een server geüpload.