» Kleurconverter


Kleurconverter voor HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ en CSS-kleurnamen. Zet kleurcodes direct om, kopieer kant-en-klare waarden en controleer de exacte CSS-uitvoer op één plek.

Gebruik deze kleurconverter om direct te wisselen tussen HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ en CSS-kleurnamen. Voer een ondersteund formaat in, pas waarden aan met schuifregelaars en kopieer het geconverteerde resultaat dat je nodig hebt voor CSS, designsystemen, drukwerk of kleuranalyse.

De converter werkt alle uitvoer live bij, toont de geselecteerde kleur duidelijk en ondersteunt omgekeerde berekeningen vanuit elke invoermodus. Daardoor is hij handig voor taken zoals HEX naar RGB, RGB naar HEX, het controleren van HSL- of CMYK-waarden, of het vergelijken van moderne perceptuele formaten zoals OKLCH en OKLAB.

Oorspronkelijke gegevens

Kies een willekeurig formaat, voer waarden in en alle bijbehorende kleurcodes worden direct bijgewerkt.

Invoerformaat
Kies het formaat dat je direct wilt bewerken.
Ondersteunt #RGB, #RGBA, #RRGGBB en #RRGGBBAA.
Voorbeelden: tomato, rebeccapurple, royalblue, lightseagreen.
Voer rood-, groen- en blauwwaarden in van 0 tot 255.
Gebruik een alfa-waarde van 0 tot 1 voor transparantie.
Pas tint, verzadiging en lichtheid aan voor CSS-vriendelijke bewerking.
HSLA voegt alfa-transparantie toe aan HSL.
HSV is handig als je liever werkt met tint, verzadiging en helderheid.
CMYK wordt vooral gebruikt voor kleurwaarden die op drukwerk zijn gericht.
LAB is perceptueel en kan schermkleuren buiten het gamut opleveren.
LCH scheidt lichtheid, chroma en tint voor perceptuele bewerking.
OKLAB is een moderne perceptuele kleurruimte voor interfaces en paletten.
OKLCH maakt perceptuele aanpassingen van tint en chroma eenvoudiger.
XYZ is een referentiekleurruimte die vaak voor conversies wordt gebruikt.

Fig. 1 Kleurconverter

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
In de kleurmodus kun je tint, verzadiging en lichtheid aanpassen.

Resultaat

Geconverteerde kleurwaarden

Meest gebruikte formaten

Meer formaten

Veelgestelde vragen over de kleurconverter

Wat is een kleurconverter?
Een kleurconverter neemt één kleurformaat, zoals #3366cc of rgb(51, 102, 204), en berekent de bijbehorende waarden in andere formaten zoals HSL, CMYK, LAB of OKLCH.

Hoe converteer ik HEX naar RGB?
Kies de invoermodus HEX, voer een geldige hexcode in zoals #ff6600, en de converter toont automatisch de bijbehorende RGB-, HSL-, CMYK- en andere waarden.

Hoe converteer ik RGB naar HEX?
Kies de modus RGB, voer de waarden van rood, groen en blauw in en kopieer het gegenereerde HEX-resultaat. Dit is de standaardworkflow voor RGB naar HEX bij webkleuren.

Wat is HSL?
HSL staat voor tint, verzadiging en lichtheid. Het beschrijft een kleur via de hoek op het kleurwiel plus hoe intens en hoe licht of donker de kleur lijkt, wat vaak makkelijker visueel aan te passen is dan ruwe RGB-waarden.

Waarvoor wordt CMYK gebruikt?
CMYK wordt vooral gebruikt in drukwerk, omdat het een kleur uitdrukt als dekking van cyaan-, magenta-, geel- en zwartinkt. Het is nuttig bij het voorbereiden van materiaal voor drukkers, verpakkingen of printproductie.

Wat is OKLCH?
OKLCH is een perceptueel kleurformaat dat is afgeleid van OKLAB. Het scheidt lichtheid, chroma en tint op een manier die vaak gelijkmatiger is voor het menselijk oog, waardoor het nuttig is voor moderne UI-paletten en designsystemen.

Zijn de conversies exact?
Conversies binnen dezelfde kleurruimte kunnen exact of zeer nauwkeurig zijn, maar sommige formaten gebruiken verschillende modellen of referentieruimten. Waarden zoals CMYK, LAB, LCH en OKLCH kunnen afronding of gamut-clipping vereisen wanneer ze terug worden geconverteerd naar schermveilig sRGB.

Kan ik de resultaten in CSS gebruiken?
Ja. De gegenereerde HEX-, RGB-, RGBA-, HSL-, HSLA- en exacte CSS-kleurnaamuitvoer kun je direct plakken in CSS-variabelen, inline styles en design tokens.

Andere converters

Zie ook: