HEX-, RGB-, HSL- en CMYK-codes, toegankelijkheidscontrast, tinten en harmonieën: alles om je kleuren te kiezen.
| Formaat | Voorbeeld | Waar gebruik je het |
|---|---|---|
| HEX | #6D5EF0 | Websites, ontwerpsoftware |
| RGB | rgb(109, 94, 240) | Schermen, CSS, fotobewerking |
| HSL | hsl(247, 83%, 65%) | Lichtere of donkerdere varianten maken |
| CMYK | 55% 61% 0% 6% | Drukwerk (indicatieve waarde, zonder kleurprofiel) |
De richtlijnen voor webtoegankelijkheid (WCAG) vragen een contrast van minstens 4,5:1 voor gewone tekst (niveau AA) en 7:1 voor niveau AAA. Grote tekst heeft genoeg aan 3:1. De tool berekent het contrast van je kleur op wit en op zwart: je ziet meteen of hij geschikt is voor tekst.
Op een computer pakt het pipet de kleur van elk punt op je scherm, als je browser dat ondersteunt.
Plak de HEX-code in het veld: de tool toont meteen de RGB-, HSL- en CMYK-waarde, elk met een knop om te kopiëren.
Minstens 4,5:1 tussen tekst en achtergrond voor gewone tekst en 3:1 voor een grote kop. De tool laat zien of je kleur die drempels haalt.
Ze zijn indicatief: de exacte omzetting hangt af van het kleurprofiel van de drukker. Vraag naar dat profiel voor een getrouw resultaat.