Zo zet je een kleur om
- Klik op het kleurvak om er een te kiezen, of typ hem in het tekstveld.
- Je kunt hem typen als HEX (#1e90ff), als rgb(), als hsl() of met zijn Engelse naam.
- Bekijk de kleur in het voorbeeld, samen met de HEX-, RGB-, HSL- en CMYK-equivalenten.
- Kopieer het formaat dat je nodig hebt en controleer het contrast met witte of zwarte tekst.
Waar het voor dient
Ontwerpers en ontwikkelaars zetten vaak een kleur van het ene formaat om naar het andere: de HEX uit een palet, de rgb() in een stijlblad, de HSL om lichtere of donkerdere varianten te maken. Deze tool doet dat in één stap.
Hij berekent ook het contrast van de kleur met witte en met zwarte tekst, volgens de WCAG-toegankelijkheidsrichtlijnen: 4,5:1 voor niveau AA en 7:1 voor niveau AAA bij normale tekst.
CMYK is een eenvoudige omrekening, handig als referentie; voor professioneel drukwerk gebruik je het kleurprofiel van je ontwerpsoftware.
Goed om te weten
- CMYK wordt berekend uit RGB met de standaardformule, zonder kleurprofiel, dus het kan afwijken van wat je in druk ziet.
- Kleurnamen werken in het Engels (red, tomato, navy…).
- De ingebouwde kiezer kan er anders uitzien, afhankelijk van browser en apparaat.
Veelgestelde vragen
Hoe zet ik HEX om naar RGB?
Typ de HEX (bijvoorbeeld #1e90ff) en de tool toont direct de bijbehorende rgb(), samen met HSL en CMYK.
Wat is WCAG-contrast?
Het meet hoe goed tekst leesbaar is op een achtergrond. Een verhouding van 4,5:1 voldoet aan niveau AA en 7:1 aan AAA, voor normale tekst.
Accepteert het kleuren met transparantie?
Ja: je kunt #rrggbbaa, rgba() of hsla() typen en ze worden ook met hun transparantie getoond.
Wordt er iets naar een server gestuurd?
Nee. Alles wordt in je browser berekend.
Is het gratis?
Ja, het is gratis, je hoeft je nergens voor aan te melden en het werkt direct in je browser.