Kleurcode converteren — HEX, RGB, HSL, CMYK en contrastcontrole
Handig om kleuren uit een ontwerp om te zetten naar CSS-code, of om te controleren of knoptekst volgens toegankelijkheidsnormen goed leesbaar is.
Het bestand wordt niet naar een server verzonden — wordt alleen verwerkt in de browser van dit apparaat
Contrastcontrole (WCAG)
Dit is de contrastverhouding met de achtergrond als deze kleur als tekstkleur wordt gebruikt. Hoofdtekst: AA 4,5:1, AAA 7:1 / grote tekst (24px of vet vanaf 18,7px): AA 3:1, AAA 4,5:1.
Helder/donker niveau
Klik op een vak om de HEX-code te kopiëren.
Advertentie
Hoe gebruik je Kleur converteren
- 1Voer een kleurcode in of kies via de kleurkiezer (#4f46e5, rgb(), hsl() zijn allemaal mogelijk).
- 2De code wordt in alle formaten weergegeven; klik om te kopiëren.
- 3Bekijk de contrastverhouding met wit, zwart of een zelfgekozen kleur, of deze aan WCAG voldoet, en de helder/donker-niveaus.
Veelgestelde vragen
Hoe hoog moet de contrastverhouding minimaal zijn?
WCAG AA vereist minstens 4,5:1 voor hoofdtekst en 3:1 voor grote tekst; AAA vereist respectievelijk 7:1 en 4,5:1.
De CMYK-waarde wijkt af van die van de drukker.
De CMYK-waarde hier is een simpele wiskundige omzetting. Echte druk hangt af van papier- en inktprofielen, dus volg de richtlijnen van je drukker.
Advertentie