Kleurkiezer en paletten

HEX-, RGB-, HSL- en CMYK-codes, toegankelijkheidscontrast, tinten en harmonieën: alles om je kleuren te kiezen.

De kleurformaten

FormaatVoorbeeldWaar gebruik je het
HEX#6D5EF0Websites, ontwerpsoftware
RGBrgb(109, 94, 240)Schermen, CSS, fotobewerking
HSLhsl(247, 83%, 65%)Lichtere of donkerdere varianten maken
CMYK55% 61% 0% 6%Drukwerk (indicatieve waarde, zonder kleurprofiel)

Contrast, voor leesbare tekst

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.

Een palet samenstellen

Op een computer pakt het pipet de kleur van elk punt op je scherm, als je browser dat ondersteunt.

Veelgestelde vragen

Hoe zet ik een HEX-code om naar RGB?

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.

Welk contrast is nodig voor leesbare tekst?

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.

Zijn de CMYK-waarden exact voor drukwerk?

Ze zijn indicatief: de exacte omzetting hangt af van het kleurprofiel van de drukker. Vraag naar dat profiel voor een getrouw resultaat.

Vergelijkbare tools

Onze andere sites:NetCheck - netwerk- en DNS-toolsVolt - internet snelheidstestBoxo - tijdelijk wegwerp-e-mailadres