Laden…
Kies een kleur en zet deze om tussen HEX, RGB en HSL. Gebruik de waarden in CSS, een grafisch ontwerp of een huisstijl en controleer meteen de onderlinge overeenstemming.
Gratis, geen account vereist, verwerking in de browser en geen serverupload.
Kies een kleur en zet deze om tussen HEX, RGB en HSL. Gebruik de waarden in CSS, een grafisch ontwerp of een huisstijl en controleer meteen de onderlinge overeenstemming.
Formaten
HEX
#22C55E
CSS en ontwerptools
RGB
rgb(34, 197, 94)
Schermen en transparantie
HSL
hsl(142, 71%, 45%)
Tint en helderheid aanpassen
Controleer voor tekst en knoppen altijd het contrast met de achtergrond. Een mooie kleur is niet automatisch leesbaar of toegankelijk.
Start met groen #22C55E, lees de RGB- en HSL-waarden af en maak vervolgens lichtere en donkerdere varianten voor een samenhangend kleurenpalet.