Kleurcode omzetten
Zet elke kleur om tussen HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH en OKLCH. Plak een code, bekijk de kleur en kopieer elk formaat met één klik.
Voorbeelden:
Omzettingen
CMYK is een eenvoudige omrekening zonder ICC-profiel. Vraag je drukker om een omzetting op basis van een profiel voor drukwerk.
Zo zet je een kleurcode om
- Typ of plak een kleur in het veld Invoer. Het formaat wordt automatisch herkend:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)of een naam zoalstomato. - De omzettingen verschijnen terwijl je typt. Je kunt ook op Enter drukken of op Omzetten klikken.
- Kijk naar het kleurstaal: het toont de kleur en het Herkend formaat, zodat je weet hoe je invoer gelezen is.
- Klik op Kopiëren naast het formaat dat je nodig hebt. Met de voorbeeldknoppen probeer je gangbare invoer uit.
De omzetting gebeurt volledig in je browser.
Ondersteunde formaten
| Formaat | Voorbeeld | Typisch gebruik |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, ontwerptools |
| RGB | rgb(255, 99, 71) |
CSS, code, beeldbewerking |
| HSL | hsl(9, 100%, 64%) |
CSS, lichtheid aanpassen |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, kleurkiezers |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
drukwerk (zie de opmerking hieronder) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), kleurwetenschap |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
moderne CSS, designsystemen |
De uitvoer in HEX, RGB, HSL, HWB, LAB, LCH en OKLCH is geldige CSS die je zo in een stylesheet kunt plakken. HSV en CMYK zijn geen CSS-notaties; die worden ter informatie in de gebruikelijke functiestijl geschreven. Let op: in CSS-code blijft de punt het decimaalteken.
Heeft je invoer transparantie (bijvoorbeeld rgb(255 0 0 / 50%)), dan blijft die behouden: HEX wordt een code van acht tekens zoals #FF000080, en de andere formaten krijgen een alfawaarde.
Hoe de omzettingen werken
RGB, HEX, HSL, HSV en HWB zijn verschillende schrijfwijzen voor dezelfde sRGB-waarden, dus ze worden exact omgezet (op afronding na). LAB en LCH volgen de definitie van CSS Color 4, met het witpunt D50 en Bradford-chromatische adaptatie. Sommige online converters gebruiken D65, waardoor hun LAB-waarden voor dezelfde kleur een paar eenheden kunnen afwijken. OKLCH gebruikt het Oklab-model van Björn Ottosson, hetzelfde dat browsers voor oklch() gebruiken.
Voer je een LAB-, LCH- of OKLCH-kleur in die te verzadigd is voor een gewoon scherm, dan ligt die buiten het sRGB-gamut en heeft ze geen HEX-equivalent. De tool toont dan een melding en zet haar om naar de dichtstbijzijnde weergeefbare kleur door de chroma te verlagen en lichtheid en tint te behouden.
CMYK is een benadering
De CMYK-waarden gebruiken de eenvoudige formule K = 1 − max(R, G, B) en C = (1 − R − K) / (1 − K), en hetzelfde voor M en Y. Er komt geen ICC-profiel aan te pas, dus de getallen voorspellen niet wat een bepaalde drukpers zal drukken. Voor professioneel drukwerk zet je om in je opmaakprogramma met het profiel van je drukker (bijvoorbeeld FOGRA39 of GRACoL). CMYK terug naar RGB gebruikt de omgekeerde formule, R = (1 − C)(1 − K).
Veelgestelde vragen
Hoe zet ik HEX met de hand om naar RGB?
Splits de code in drie paren en reken elk paar om van grondtal 16 naar grondtal 10. Voor #FF6347: FF = 255, 63 = 99, 47 = 71, dus de kleur is rgb(255, 99, 71).
Wat is het verschil tussen HSL en HSV?
Beide gebruiken een tinthoek en een verzadiging, maar de derde waarde van HSL is lichtheid (50% is de zuivere kleur, 100% is wit), terwijl die van HSV de waarde of helderheid is (100% is de zuivere kleur of wit, afhankelijk van de verzadiging). Dezelfde kleur heeft daardoor in elk model andere verzadigingsgetallen.
Waarom wijkt mijn LAB-waarde af van een andere converter?
Waarschijnlijk door het witpunt. Deze tool gebruikt D50, net als CSS lab(). Converters op basis van D65 geven iets andere getallen. Beide zijn correct binnen hun eigen referentie.
Kan ik CMYK omzetten naar HEX?
Ja. Typ iets als cmyk(0%, 61%, 72%, 0%) of cmyk(0, 0.61, 0.72, 0). Houd er rekening mee dat het resultaat een benadering zonder kleurprofiel is.
Accepteert de tool kleuren zonder #-teken?
Ja. ff6347, f64 en zelfs drie getallen gescheiden door komma’s, zoals 255, 99, 71, worden herkend.
Vergelijkbare tools
- Kleurkiezer Gratis online kleurkiezer. Kies een kleur en kopieer direct de HEX-, RGB-, HSL-, HSV- en CMYK-code, met de contrastverhouding op wit en zwart.
- Kleurenpalet generator Maak een kleurenpalet vanuit één basiskleur met kleurharmonieën: complementair, analoog, triadisch, tetradisch, vierkant en monochroom.
- Kleur uit afbeelding halen Open een afbeelding en klik op een pixel voor de kleur in HEX, RGB, HSL, HSV en CMYK. Met zoomloep, gemiddelde en een lijst van kleuren, in je browser.