Ontwikkelaarstools
Kleuren omzetten
Zet een kleur om tussen HEX, RGB, HSL, HSV, CMYK, Lab, LCH, OKLab en OKLCH door elk formaat te plakken, met CSS-naam, WCAG-contrast, tinten en harmonieën.
Zo gebruik je deze tool
- 1
Typ of plak een kleur, of gebruik de kleurkiezer (en de pipet als je browser die biedt).
- 2
Kopieer het formaat dat je nodig hebt.
- 3
Controleer het contrast op wit en op zwart voor je tekst.
- 4
Verken de tinten en harmonieën en klik dan op de kleur die je mooi vindt.
Hulp
- Plak de kleur in een willekeurig formaat (#1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(66% 0.19 250), cmyk(88%, 44%, 0%, 0%), dodgerblue): het formaat wordt herkend en alle andere verschijnen, elk met een kopieerknop.
- Lab en LCH volgen de CSS-definitie (witpunt D50); OKLab en OKLCH zijn moderne perceptuele ruimten, nuttig om gelijkmatige kleurverlopen en paletten te bouwen.
- CMYK is een eenvoudige wiskundige conversie, geen printerprofiel: gedrukte kleuren verschillen. Een kleur buiten het sRGB-gamut wordt teruggebracht tot de dichtstbijzijnde weer te geven kleur.
- De WCAG-contrastverhouding wordt berekend ten opzichte van wit en van zwart, met de drempels AA en AAA (lopende tekst en grote tekst).
- Tinten behouden de tint met gelijke helderheidsstappen; harmonieën (complementair, drietal, analoog…) roteren de tint. Klik op een staal om het als nieuwe kleur te nemen.
Veelgestelde vragen
Wat is het verschil tussen HSL en OKLCH?
HSL is eenvoudig maar misleidend: twee kleuren met dezelfde HSL-helderheid kunnen er heel verschillend licht uitzien. OKLCH is ontworpen zodat de waargenomen helderheid gelijkmatig is, wat betere kleurverlopen en paletten geeft.
Waarom komt het getoonde CMYK niet overeen met mijn printer?
CMYK-waarden hangen af van de inkt, het papier en het ICC-profiel van de printer. De tool doet de theoretische conversie vanuit RGB; vraag voor drukwerk de conversie aan je drukker.
Welk contrast moet ik nastreven?
WCAG vraagt minstens 4,5:1 voor lopende tekst en 3:1 voor grote tekst (AA), of 7:1 en 4,5:1 voor AAA.
Geschreven en gecontroleerd door het MaxyTools-team · Bijgewerkt op
Was deze tool nuttig voor je?