Beheer en ontwikkeling

Kleurconverter

Reken een kleur om tussen HEX, RGB en HSL en controleer het contrast met wit en zwart.

Kleur (HEX, RGB of HSL)

Kies

Wat betekent dit?

HEX (#FF8A3D) en RGB (rgb(255, 138, 61)) beschrijven dezelfde kleur als hoeveelheden rood, groen en blauw. HSL (hsl(24, 100%, 62%)) beschrijft hem als tint, verzadiging en helderheid, handig om een kleur iets lichter of donkerder te maken.

Het contrast bepaalt of tekst leesbaar is. Volgens de richtlijnen voor toegankelijkheid (WCAG) is een verhouding van 4,5 : 1 het minimum voor gewone tekst (niveau AA) en 7 : 1 voor het hoogste niveau (AAA).