Kleurconverter

Kies een kleur of voer hem in een willekeurig formaat in (HEX, RGB, HSL of CMYK) en zie direct de waarde in de andere formaten, klaar om naar je CSS te kopiëren. We laten ook zien of hij leesbaar is op wit en op zwart.

Kleurformaten

HEX (#RRGGBB) is het meest gebruikte formaat op het web: drie paren hexadecimale cijfers voor de hoeveelheid rood, groen en blauw, van 00 tot FF. RGB geeft hetzelfde weer in decimaal, van 0 tot 255. HSL beschrijft de kleur met tint (0-360°), verzadiging en lichtheid in procenten, waardoor je makkelijk lichtere of donkerdere varianten van dezelfde kleur maakt.

CMYK (cyaan, magenta, geel en zwart) is het model van de drukkerij. De omrekening vanuit RGB is een benadering: voor nauwkeurig drukwerk heb je het kleurprofiel van de drukkerij nodig.

Contrast en toegankelijkheid

De toegankelijkheidsrichtlijnen WCAG eisen een minimaal contrast tussen tekst en achtergrond, zodat slechtzienden de tekst kunnen lezen: 4,5:1 voor normale tekst op niveau AA en 7:1 op niveau AAA (3:1 en 4,5:1 voor grote tekst). Het contrast loopt van 1:1 (dezelfde kleur) tot 21:1 (zwart op wit).