Kleurconverter — HEX, RGB, HSL en CMYK

Wat deze kleurconverter doet

Deze Nederlandse kleurconverter zet HEX-codes, RGB-waarden, HSL en CMYK razendsnel om — rechtstreeks in je browser, zonder dat er ook maar één byte naar een server gaat. 100% client-side — jouw gegevens verlaten nooit je browser. Geen uploads, geen tracking, geen serverlogs. Of je nu een hex-code wil vertalen naar RGB voor een CSS-variabele, of een merkkleur wil doorgeven aan een drukker als CMYK-waarde: typ de kleur in het invoerveld (bijv. #1e90ff, rgb(30,144,255) of hsl(210,100%,56%)), kies eventueel een kleur via de ingebouwde kleurenkiezer, en alle formaten verschijnen direct naast een live preview-swatch. De omrekening gebruikt puur wiskunde — geen externe bibliotheken. Wil je ook andere codes omzetten, dan doet onze [Getalbasis Converter](/nl/number-base-converter/) hetzelfde voor talstelsels.

Functies

Live preview-swatch. Zodra je een kleurwaarde invoert, toont een gekleurde swatch direct het resultaat — handig om snel te checken of de omrekening klopt.
Alle gangbare formaten. Ondersteunt HEX (hex color translator), RGB, HSL en CMYK. Geeft bij elk formaat de exacte waarden zodat je ze direct in CSS, Figma of je drukbestand kunt plakken.
CSS-stijl invoer. Accepteert #fff, #1e90ff, rgb(30,144,255) en hsl(210,100%,56%) — precies zoals je ze in je stylesheet schrijft, zonder extra opmaak.
Ingebouwde kleurenkiezer. De native browser-kleurenkiezer laat je visueel een tint kiezen; de bijbehorende HEX-, RGB-, HSL- en CMYK-waarden verschijnen automatisch.
Eerlijk over CMYK. CMYK op een scherm is altijd een benadering: nauwkeurige drukresultaten vereisen een ICC-profiel dat rekening houdt met inkt en papier. De tool geeft dit duidelijk aan zodat je niet voor verrassingen staat bij de drukker.
Één klik kopiëren. Klik op de kopieerknop naast elk formaat om de waarde direct naar je klembord te sturen — zonder selecteren of handmatig overtypen.

Zo gebruik je de kleurconverter

Voer een kleurwaarde in of gebruik de kleurenkiezer — alle omrekeningen gebeuren direct.

Typ of plak een kleurwaarde. Voer een HEX-code in zoals #1e90ff, een RGB-waarde zoals rgb(30,144,255) of een HSL-waarde zoals hsl(210,100%,56%) in het invoerveld.
Of kies via de kleurenkiezer. Klik op het kleurenpictogram om de native browser-kleurenkiezer te openen en selecteer visueel een kleur.
Bekijk de live conversies. HEX, RGB, HSL en CMYK worden direct weergegeven naast de preview-swatch. Let op: HSL-tint is in graden (0–360) en verzadiging/helderheid in procenten — dit verschilt van de 0–1-schaal in sommige grafische API's.
Kopieer het gewenste formaat. Klik op 'Kopiëren' naast het formaat dat je nodig hebt, en plak het direct in je CSS, Figma of drukbestand.

Veelvoorkomende toepassingen

Merkkleur doorgeven aan de drukker. Designers vertalen een HEX-huisstijlkleur naar CMYK voor offsetdruk. Houd er rekening mee dat de CMYK-waarden op scherm benaderend zijn — bespreek altijd een ICC-profiel met je drukker.
Toegankelijke UI-kleuren kiezen. Developers passen de helderheid in HSL aan (hsl(210,100%,56%) → hsl(210,100%,40%)) om voldoende contrast te halen voor WCAG-richtlijnen, zonder de tint te wijzigen.
Kleurwaarden uit een screenshot aflezen. Gebruik de kleurenkiezer of voer een HEX-code in die je met een pipet-tool uit een schermafbeelding hebt gehaald, en zie direct alle CSS-formaten.
CSS-variabelen genereren uit een paletbestand. Zet snel een reeks HEX-codes om naar RGB of HSL voor een design token-bestand. Als je ook andere encodings nodig hebt, kun je de [Base64 encoder & decoder](/nl/base64/) gebruiken voor binaire assets.
Drukvoorbereiding controleren. Controleer voordat je een drukklaar PDF instuurt of de weergegeven CMYK-waarden overeenkomen met je ontwerpprogramma — de converter geeft een snelle sanity check.

Veelgestelde vragen

Worden mijn kleurgegevens opgeslagen of gedeeld?

Nee. Alle berekeningen vinden volledig in je browser plaats. Er wordt niets naar een server gestuurd, er zijn geen cookies en er vindt geen logging plaats. Wat je invoert blijft op je eigen apparaat.

Waarom klopt mijn CMYK-waarde niet met wat de drukker aanlevert?

CMYK op een beeldscherm is altijd een schatting, omdat RGB en CMYK verschillende kleurruimten gebruiken. Nauwkeurige drukresultaten vereisen een ICC-profiel dat rekening houdt met het specifieke inkt- en papiertype. Gebruik deze converter als startpunt, maar valideer altijd met je drukker via een proefdruk.

Wat is het verschil tussen 'hex to rgb' en 'hex code translator'?

Beide termen verwijzen naar hetzelfde: een HEX-kleurcode (bijv. #1e90ff) omzetten naar RGB-waarden (bijv. rgb(30,144,255)). Een HEX-code is gewoon een hexadecimale notatie van drie RGB-bytes. Deze converter doet beide richtingen en toont meteen ook HSL en CMYK.

Kan ik van CMYK terugrekenen naar RGB?

Ja, de converter ondersteunt rgb cmyk conversion in beide richtingen. Let op: door integer-afronding bij het heen-en-terug converteren (HEX→HSL→HEX) kan een waarde 1 of 2 punten afwijken — dit is wiskundig onvermijdbaar en geen fout in de tool.

Waarom zijn RGB-waarden soms 0–255 en soms 0.0–1.0?

In CSS en HTML zijn RGB-waarden gehele getallen van 0 tot 255. Grafische API's zoals WebGL, OpenGL en sommige Python-bibliotheken gebruiken echter een genormaliseerd zwevende-kommabereik van 0.0 tot 1.0. Deel de CSS-waarde simpelweg door 255 om te converteren. Meer over webbrowserstandaarden lees je in de Web Crypto API W3C Recommendation als achtergrond bij browser-native berekeningen.

Wat is het verschil tussen HSL en HSB/HSV?

HSL (Hue, Saturation, Lightness) en HSB/HSV (Hue, Saturation, Brightness/Value) lijken op elkaar maar rekenen anders. Bij HSL is een helderheid van 100% altijd wit; bij HSB is een brightness van 100% de volle verzadigde kleur. CSS gebruikt HSL. Photoshop en veel andere ontwerpprogramma's gebruiken HSB. Wil je ook binaire representaties vergelijken, dan biedt RFC 4648 de standaard voor Base64-encoding als je kleurdata in dataurls verwerkt.