Hex naar CMYK converter

Wat is een hex naar CMYK converter?

// sRGB hex → naive CMYK approximation
// NOTE: This is the textbook K = 1 - max(R,G,B); C = (1-R-K)/(1-K) formula.
// It is NOT an ICC-profile conversion. Real print accuracy requires color
// management against the specific press (US Web Coated SWOP v2, Fogra39,
// Japan Color 2011 Coated, etc.), ink set, and paper substrate. Channel
// values can drift 5-15% from this naive output once ICC conversion runs.
// Use as estimate for proofs, briefs, and digital press — never as a press-
// ready deliverable.
function hexToCmyk(hex) {
  const h = hex.trim().replace(/^#/, '');
  const [r, g, b] = [0, 2, 4].map(i => parseInt(h.slice(i, i + 2), 16) / 255);
  const k = 1 - Math.max(r, g, b);
  // Pure black short-circuit: max RGB = 0 ⇒ K = 1, C/M/Y undefined (0/0)
  if (k === 1) return { c: 0, m: 0, y: 0, k: 100 };
  const c = (1 - r - k) / (1 - k);
  const m = (1 - g - k) / (1 - k);
  const y = (1 - b - k) / (1 - k);
  return { c: Math.round(c * 100), m: Math.round(m * 100), y: Math.round(y * 100), k: Math.round(k * 100) };
}
console.log(hexToCmyk('#3b82f6')); // → { c: 76, m: 47, y: 0, k: 4 }
console.log(hexToCmyk('#FF5733')); // → { c: 0, m: 66, y: 80, k: 0 }
console.log(hexToCmyk('#000000')); // → { c: 0, m: 0, y: 0, k: 100 }

Kernfuncties

Alternatieven voor de hex naar CMYK converter

Voorbeelden van hex naar CMYK

#3b82f6

#FF5733

#0F172A

#FF0000

Gangbare hex → CMYK conversies

Referentietabel van 10 canonieke kleuren met hun HEX- en naïeve CMYK-equivalenten. Waarden gebruiken de schoolboekformule `K = 1 - max(R,G,B); C = (1-R-K)/(1-K)` afgerond op integerpercent. **Herinnering**: dit zijn naïeve benaderingen, geen ICC-correcte press-ready waarden. Bevestig voor productieprintruns met het ICC-profiel van je drukkerij tegen de feitelijke pers, inkt en papier.

Zo gebruik je de hex naar CMYK converter

1. 1

   Plak een hexcode in het HEX-veld

   Drop elke hex-waarde in het HEX-invoerveld — met of zonder de leidende `#`, in 3-cijferige verkorte vorm (`#F73`), 6-cijferige volledige vorm (`#FF5733`), 4-cijferige alpha-verkorte vorm (`#F738`), of 8-cijferige alpha-volledige vorm (`#FF5733CC`). De parser normaliseert alle vijf invoervormen naar dezelfde interne kleur voordat CMYK wordt afgeleid. Hoofdletters maken niet uit (`#FF5733` en `#ff5733` parsen identiek). Ongeldige tekens of verkeerde cijferaantallen produceren een rustige inline foutmelding; geldige hex werkt elk ander formaatveld in realtime bij, inclusief CMYK. Alpha wordt genegeerd voor de CMYK-afleiding — inkt heeft geen transparantie.

2. 2

   Lees de CMYK-percentages af in het CMYK-veld

   Het CMYK-veld oppervlakt de waarde als vier channel-percentages: `cmyk(76%, 47%, 0%, 4%)` voor Tailwind blue-500. Channels zijn Cyaan, Magenta, Yellow, Key (zwart). Elk percentage representeert inktdekking — 0% betekent geen inkt voor dat channel, 100% betekent volledige dekking. **Herinnering**: dit is een naïeve sRGB-inversie, geen ICC-profiel-conversie. Gebruik het als startschatting; bevestig de uiteindelijke waarden met de ICC-pipeline van je drukkerij tegen de feitelijke pers, inkt en papier voor enige productierun.

3. 3

   Klik op Kopiëren om de CMYK-string te pakken

   Elke formaatkaart heeft een Kopiëren-knop aan de rechterkant. Eén klik en de waarde belandt op je klembord — het knoplabel springt kort op "Gekopieerd!" zodat je het weet. De gekopieerde string is de standaard CMYK-notatie (`cmyk(76%, 47%, 0%, 4%)`), klaar om in een designbrief of leveranciers-e-mail te droppen. Voor platformspecifieke uitvoer waar CMYK niet native is (CSS, SwiftUI, Compose, Flutter werken allemaal in RGB-gebaseerde kleurruimtes) genereert de sectie Copy as code onder de picker het equivalent in de syntax van elk platform — handig wanneer je dezelfde kleur uitgedrukt nodig hebt voor zowel een scherm- als een printdoel.

4. 4

   Cross-check met RGB, HSL, OKLCH, named color

   Dezelfde hex die je plakt licht ook de andere formaatvelden op — RGB voor canvas-aanroepen en hardware, HSL voor legacy CSS, OKLCH en OKLAB voor moderne perceptueel-uniforme design systems (Tailwind v4, shadcn/ui), HSV en HWB voor designer-color-picker-UI's, en de dichtstbijzijnde CSS named color voor documentatie-proza. Je zit nooit alleen vast aan hex → CMYK. De picker (SL-vierkant + hue-slider + alpha-slider) drijft alle negen tegelijk, en op Chromium-browsers sampelt de EyeDropper-knop elke pixel op het scherm, ook buiten de browser.

5. 5

   Stuur de bron-hex (niet de CMYK) naar de drukkerij

   De beste printvoorbereidings-workflow is om de bron-hex (of het OKLCH-triple) naar de drukkerij te sturen en hun prepress-team de press-ready CMYK te laten produceren via het passende ICC-profiel (US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated, of een pers-specifiek aangepast profiel). De naïeve CMYK-uitvoer hier is voor je interne schattingen, leveranciersbriefings en proof-of-concept-werk — niet voor directe productie. Combineer de naïeve CMYK met de bron-hex in elk specdocument zodat de drukker de gezaghebbende referentie heeft.

Veelgemaakte fouten bij hex / CMYK

Spec verstuurd naar drukker:
Merkkleur CMYK: cmyk(76%, 47%, 0%, 4%)
(naïeve formule-uitvoer, geen ICC-conversie)
Drukker shipt press-ready files ongewijzigd.
Finaal stuk: uitgewassen, off-brand blauw.

Spec verstuurd naar drukker:
Merkkleur-bron: #3b82f6
Naïeve CMYK-schatting: cmyk(76%, 47%, 0%, 4%)
Doelpers: ICC-correct via US Web Coated SWOP v2
Drukker draait ICC-conversie: cmyk(82%, 53%, 0%, 0%) (voorbeeld-verschuiving)
Finaal stuk: matcht de digitale proef.

Keur de schermkleur goed, verwacht identieke print:
#FF0000 oogt levendig rood op de monitor
Naïeve cmyk(0%, 100%, 100%, 0%)
Drukker draait ICC: dichtstbijzijnde in-gamut CMYK
Finale print: oranje-verschoven rood, ~20% minder verzadigd.
Reactie: "dit is verkeerd, herdrukken".

Reserveer tijd voor een natte proef; accepteer gamut-mismatch:
#FF0000 → CMYK-benadering: cmyk(0%, ~95%, ~95%, 0%) ICC
Natte proef op feitelijk papier: oranje-verschoven, minder verzadigd
Designteam keurt de proef goed als nieuwe referentie
Finale print matcht de goedgekeurde proef.

Specificeer hoog-dekkende donkere kleur zonder totaal te checken:
cmyk(85%, 85%, 85%, 95%) = 350% totale dekking
Verstuur naar newsprint-pers (220% limiet)
Resultaat: inkt droogt niet, vellen plakken aan elkaar, smeerschade.

Check totale inktdekking tegen perslimiet:
cmyk(85%, 85%, 85%, 95%) = 350% — boven newsprint's 220% limiet
Verlaag via GCR / UCR: cmyk(40%, 30%, 30%, 80%) = 180% totaal
Past binnen limiet, drukt schoon, droogt op schema.

Specificeer merk-CMYK zonder substraatdetail:
Merkrood: cmyk(0%, 95%, 80%, 0%)
Print op glanzend coated EN uncoated stock uit hetzelfde bestand
Glanzend: levendig rood zoals verwacht
Uncoated: dof oranje-rood, oogt off-brand.

Specificeer CMYK per substraat, ICC-correct voor elk:
Merkrood op glanzend coated: cmyk(0%, 95%, 80%, 0%) via Fogra39
Merkrood op uncoated: cmyk(0%, 85%, 70%, 0%) via Fogra47
Elk substraat krijgt de press-ready CMYK afgestemd op zijn ICC-profiel.
Beide stukken lezen als hetzelfde merkrood op de pers.

Wie gebruikt hex naar CMYK

Printdesigners bereiden leveranciersbriefings voor

Voor het opdracht geven voor een printjob sturen designers de drukkerij een brief met merkkleuren gespecificeerd in zowel hex (de bron van waarheid) als een CMYK-benadering (zodat de drukker inktkosten en prooftijd kan inschatten). Plak elke merk-hex hier, kopieer de naïeve CMYK, drop beide in het specdocument. De drukker draait vervolgens de daadwerkelijke ICC-conversie tegen zijn persprofiel en produceert de press-ready CMYK voor het maken van platen. Sla de bron-hex niet over — dat is wat de drukkerij zal vertrouwen voor de finale conversie.

Brandmanagers schatten printkosten voor offerte

Printoffertes hangen deels af van totale inktdekking. Naïeve CMYK geeft een snelle richtwaarde van de inktbelasting voor een voorgesteld palet: hoog-K-kleuren zijn goedkoper (minder inkt, sneller drogen), hoog-CMY-kleuren zijn duurder (meer inkt, langer drogen, risico op papierverzadiging). Plak de kandidaat-merk-hex, lees de CMYK-percentages af, en je hebt een verdedigbaar getal voor het budgetgesprek met de printprovider voordat je je vastlegt op een volledige persopstelling.

Verpakkingsdesigners cross-checken scherm versus print

Verpakkingswerk leeft tegelijk in beide ruimtes — de e-commerce-productpagina rendert in sRGB-hex op schermen, de fysieke doos drukt in CMYK op het kartonsubstraat. Gebruik de simultane hex + CMYK-weergave om kleuren te spotten die dramatisch anders zullen lezen over de twee media (hoog verzadigde roden, diepe blauwen, levendige groenen die CMYK's gamut overschrijden), en markeer die kleuren voor ofwel Pantone spot-behandeling of bewuste merk-systeem-aanpassing die het gamut-verschil accepteert.

Marketingteams produceren multichannel-campagnes

Een multichannel-campagne levert meestal hetzelfde merkasset aan een website (sRGB-hex), een e-mailblast (sRGB-hex met sRGB-fallback), social-media-graphics (sRGB-hex op platforms die comprimeren naar AVIF/WebP), gedrukte posters (CMYK op coated stock) en direct-mailstukken (CMYK op uncoated stock). Converteer de bron-hex één keer, lees de naïeve CMYK af voor de printstukken, geef beide door aan het productieteam samen met de persprofiel-spec zodat zij de juiste ICC-conversie kunnen doen.

Designers doen korte digitale-pers-runs

Voor eenmalige visitekaartjes, prototypeverpakking en kleine batch-marketing-collateral die door een digitale pers gaan (HP Indigo, Kodak NexPress, Xerox iGen), volgt de naïeve CMYK-benadering de feitelijke uitvoer dichter dan bij offset omdat digitale persen werken met strakker kleurmanagement ingebakken in de RIP. Nog steeds niet press-ready, maar dichterbij — en de economie van korte runs betekent dat een testprint vóór de vastlegging goedkoop is. Plak de hex, lees de CMYK af, draai een test.

Designers migreren oude logo's van scherm naar print

Oude web-only merkassets leven vaak als alleen hex-codes, zonder formele CMYK-spec. Wanneer het merk voor het eerst op een gedrukt visitekaartje, brochure of trade-show-banner moet verschijnen, heeft het team een CMYK-startpunt nodig. Plak elke legacy-hex hier, lees de naïeve CMYK af, geef beide door aan de drukker voor de ICC-correcte conversie. Dit is de canonieke "digital-first merk gaat naar print"-workflow die elk designteam uiteindelijk raakt.

Onderwijzers leren kleur-model-verschillen

De simultane hex + RGB + CMYK-weergave maakt het additief-versus-subtractief-contrast duidelijk. Puur rood (`#FF0000`) rendert als `rgb(255, 0, 0)` op het scherm en `cmyk(0%, 100%, 100%, 0%)` in naïeve CMYK — studenten zien de inversie direct. Duw naar een wide-gamut OKLCH-kleur, kijk hoe CMYK verzadigt terwijl sRGB klipt. Een klaslokaal-klare demonstratie van waarom scherm-naar-print-conversie een hard probleem is en waarom de naïeve formule niet hetzelfde is als ICC-bewust kleurmanagement.

Wiskunde van hex naar CMYK & ICC-caveat

De naïeve CMYK-formule

Werkt op genormaliseerde sRGB-waarden (0-1 floats uit de originele 0-255-integers). Stap één: `K = 1 - max(R, G, B)`. Dit zet K op de hoeveelheid "ontbrekende helderheid" — puur wit (R=G=B=1) levert K=0, puur zwart (R=G=B=0) levert K=1. Stap twee: `C = (1 - R - K) / (1 - K); M = (1 - G - K) / (1 - K); Y = (1 - B - K) / (1 - K)`. Dit berekent elk CMY-channel als de resterende inversie nadat rekening is gehouden met K. Stap drie: vermenigvuldig elk channel met 100 voor de percentagevorm en rond af op het dichtstbijzijnde integer voor weergave. Puur-zwart short-circuit: wanneer max(R,G,B) = 0 is de noemer (1 - K) nul, dus geven we `cmyk(0%, 0%, 0%, 100%)` direct terug.

Waarom dit GEEN ICC-conversie is

Een echte ICC-profiel-conversie past een meertraps-transform toe: bronprofiel (sRGB) → Profile Connection Space (meestal CIE LAB of XYZ) → uitvoerprofiel (US Web Coated SWOP v2, Fogra39, enz.). Elke fase codeert empirische metingen van de feitelijke inkt-papier-pers-combinatie — spectrale reflectiecurves, dot gain op verschillende dekkingsniveaus, totale inktlimiet, grijsbalansaanpassingen. De naïeve formule doet niets daarvan. Het behandelt CMYK als een wiskundige abstractie in plaats van als inktabsorptie-fysica, en daarom kan de uitvoer 5-15% per channel afwijken van wat een ICC-pipeline produceert. Draai voor productie de conversie in Photoshop, Illustrator of InDesign tegen het doelpersprofiel, of geef de bron-hex aan het prepress-team van de drukkerij.

Standaard ICC-profielen per regio en pers

**Noord-Amerikaans offset**: US Web Coated SWOP v2 (de SWOP-gecertificeerde standaard voor coated stock, gebruikt door de meeste Amerikaanse commerciële offset-drukkerijen); GRACoL 2006 Coated #1 voor premium coated. **Europees offset**: Fogra39 (ISO 12647-2-standaard voor coated stock); Fogra51 voor nieuwer premium coated; Fogra52 voor uncoated; Fogra47 voor newsprint. **Japans offset**: Japan Color 2011 Coated; Japan Color 2003 Web Coated voor web-offset. **Digitale persen**: elke leverancier levert zijn eigen ICC-profiel voor het specifieke persmodel en de inktset (HP Indigo IndiChrome, Kodak NexPress E-Series, Xerox iGen). Bevestig altijd met de drukkerij — velen hebben een aangepast pers-specifiek profiel dat de generieke standaarden overschrijft.

Dot gain, totale inktlimiet en substraateffecten

**Dot gain**: inkt-dots spreiden fysiek uit terwijl ze absorberend papier raken, en verhogen de schijnbare dekking met 10-30% per channel; de persoperator compenseert met curves in de RIP. De naïeve formule negeert dit volledig. **Totale inktlimiet**: offsetpersen begrenzen de totale C+M+Y+K-dekking rond 280-320% om set-off te voorkomen (natte inkt die overdraagt naar de achterkant van het volgende vel) en papierverzadiging te voorkomen; newsprint begrenst rond 220%. De naïeve formule kan 400% totale dekking produceren voor donkere kleuren, wat onprintbaar zou zijn. **Substraat**: crèmekleurig papier verschuift het witpunt en verwarmt elke gedrukte kleur; uncoated stock absorbeert meer inkt en dempt verzadiging; glanzend coated stock houdt de meeste verzadiging vast maar reflecteert licht anders.

Waarom K bestaat (zwartgeneratie)

In theorie levert C+M+Y op 100% elk zwart op. In de praktijk levert het een vies donker bruin omdat echte inkten geen ideale absorbers zijn — elke inkt reflecteert wat licht op elke golflengte, perfecte overdruk is onmogelijk door inktmenging en dot gain. K lost drie problemen op: pure zwarte inkt produceert een schoon scherp zwart voor typografie en schaduwen; de K-substitutie laat de formule de totale inktdekking verminderen (goedkopere inkt, sneller drogen, minder papierverzadiging); en een eigen K-plaat houdt tekstregistratie strakker (slechts één plaat hoeft uit te lijnen, versus drie voor lopende tekst gebouwd uit CMY). De K = 1 - max(R,G,B) van de naïeve formule is de eenvoudigst mogelijke K-generatiestrategie; echte prepress gebruikt UCR (Under Color Removal) en GCR (Gray Component Replacement) strategieën die meer of minder van de CMY naar K verplaatsen op basis van de perseigenschappen.

Gamut-mismatch: sRGB-roden die CMYK niet kan bereiken

sRGB en CMYK hebben anders gevormde gamuts. sRGB kan verzadigde roden, diepe blauwen en levendige groenen bereiken die buiten CMYK's printbare bereik vallen — het beroemde "puur rood op het scherm oogt oranje in print"-geval. De naïeve formule rapporteert `cmyk(0%, 100%, 100%, 0%)` voor `#FF0000`, maar geen enkele feitelijke inktcombinatie op enig dekkingsniveau kan die exacte schermkleur op papier reproduceren. Een ICC-conversie gebruikt een van vier rendering intents om de gamut-mismatch af te handelen: Perceptual (comprimeert het hele bron-gamut om in de bestemming te passen, behoudt overall kleurrelaties), Relative Colorimetric (klipt out-of-gamut-kleuren naar de dichtstbijzijnde in-gamut-waarde, behoudt in-gamut-kleuren exact), Absolute Colorimetric (vergelijkbaar met Relative maar compenseert niet voor witpuntverschillen), of Saturation (behoudt verzadiging ten koste van nauwkeurigheid, vooral gebruikt voor zakelijke graphics).

Round-trip-stabiliteit via OKLCH-bron-van-waarheid

De interne canonieke representatie van de tool is OKLCH (per het unified-hub-ontwerp), niet CMYK. CMYK wordt afgeleid van OKLCH op elke toetsaanslag via de keten OKLCH → OKLAB → XYZ D65 → linear-sRGB → sRGB → naïeve CMYK. Dit betekent dat CMYK direct bewerken ook wordt ondersteund: parse de vier percentages, draai de inverse formule om sRGB te recoveren (`R = (1 - C) * (1 - K); G = (1 - M) * (1 - K); B = (1 - Y) * (1 - K)`), werk de OKLCH-bron bij, render vervolgens elk ander veld opnieuw. Round-trips zijn stabiel maar lossy aan de randen van CMYK's gamut, waar de inverse meerdere sRGB-kleuren naar dezelfde CMYK-benadering mapt.

Aanbevolen aanpak voor hex / CMYK-workflows

Bevestig de feitelijke CMYK met het ICC-profiel van je printprovider

Bevestig vóór elke productierun de press-ready CMYK met de ICC-pipeline van de drukkerij tegen de feitelijke pers, inkt en papiercombinatie. De naïeve uitvoer hier kan 5-15% per channel afwijken van de ICC-correcte waarde, wat genoeg is om een scherp rood in een vies oranje te veranderen of een diep merkblauw in een uitgewassen marine. Het prepress-team van de drukkerij is de gezaghebbende bron — geef hen de bron-hex (niet de naïeve CMYK) en laat hen hun eigen conversie draaien tegen US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated of een pers-specifiek aangepast profiel.

Gebruik de CMYK van deze tool als startschatting voor budget / scope

Naïeve CMYK is echt nuttig voor richtwaarden: totale inktdekking voor kostengesprekken, ruwe K-dominantie voor donkerheidschecks, snelle gamut-sanity voor de vraag "zal deze kleur überhaupt printen". Gebruik het voor het budgetgesprek, de leveranciersbrief, het scope-gesprek. Geef vervolgens de bron-hex over aan de drukkerij voor de daadwerkelijke press-ready conversie. Ship de naïeve uitvoer niet als productie-deliverable; ship 'm wel als planningsartefact.

Voor Pantone-matching overschrijft de spot-color-bibliotheek van de drukkerij alles

Pantone (en HKS, RAL, Toyo) spot colors zijn voorgemengde inkten met hun eigen vaste kleuridentiteit — ze worden niet gebouwd uit proces-CMYK-channels. Als je merk Pantone-matching vereist (gangbaar voor verpakking, premium-print, alles waar exacte kleur kritisch is), zal de drukkerij de Pantone-inkt direct gebruiken en komt CMYK niet in beeld. Specificeer het Pantone-nummer in de brief; negeer zowel de naïeve als de ICC-correcte CMYK-waarden voor die kleur. CMYK doet er alleen toe wanneer de job puur in procesinkten draait zonder spot-inkt.

Stuur de bron-HEX of OKLCH naar de drukkerij, niet de naïeve CMYK

Het prepress-team van de drukkerij heeft de gezaghebbende bronkleur nodig zodat ze de conversie tegen hun persprofiel kunnen draaien. Geef hen de bron-hex (of OKLCH voor moderne merksystemen) plus eventuele spot-color-callouts (Pantone-nummers). Geef hen nooit de naïeve CMYK als deliverable — ze hebben geen manier om te weten of de waarden uit een naïeve formule kwamen, een oude Photoshop-conversie tegen een ander persprofiel, of een feitelijke ICC-correcte conversie tegen het juiste profiel. Brondata vermijdt de dubbelzinnigheid.

Verifieer dat het K-channel redelijk is (K=100 alleen voor puur zwart)

Sanity-check de K-waarde na conversie. Puur zwart (`#000000`) zou K=100 moeten opleveren met C=M=Y=0. Bijna-zwart donkere kleuren zouden in het K=80-95-bereik moeten landen met lage CMY. Middentonen (midden-verzadiging, midden-lichtheid) zouden ergens in K=20-60 moeten landen. Heldere verzadigde kleuren zouden op K=0 moeten zitten met één of twee CMY-channels op hoge dekking. Als je K-waarden buiten deze patronen ziet voor de waargenomen helderheid van een gegeven kleur, dubbelcheck de invoer-hex — een typo kan een kleur stilletjes van "bijna-zwart" naar "bijna-wit" omdraaien. De CMYK-uitvoer maakt de invoerfout zichtbaar.

Draai een natte proef op feitelijk papier vóór productie

Krijg voor elke productierun die ertoe doet een natte proef van de drukkerij op het feitelijke papiersubstraat met de feitelijke inkten voor de aftekening. Soft proofs (ICC-simulaties op het scherm) zijn nuttig maar nooit perfect — papiertextuur, inktdichtheid en spectrum van het kijklicht beïnvloeden allemaal de uiteindelijke waarneming. Reserveer tijd en geld voor ten minste één natte-proef-iteratie. De naïeve CMYK hier, de ICC-correcte CMYK en de natte proef zijn drie steeds nauwkeurigere snapshots van dezelfde kleur; de natte proef is de enige die exact matcht met het uiteindelijke gedrukte stuk.

Documenteer de bron-hex naast de finale CMYK

Zodra de drukkerij de press-ready CMYK produceert en je de proef aftekent, documenteer dan zowel de bron-hex als de finale ICC-correcte CMYK in de merkspecificatie. Zes maanden later, wanneer iemand moet herdrukken of het palet moet uitbreiden, behouden beide waarden het volledige herkomstspoor — de bron voor herconversie tegen een andere pers, de vergrendelde CMYK voor herdrukken op dezelfde pers. Naïeve CMYK hoort alleen in de brief-fase thuis; press-ready CMYK hoort in de vergrendelde spec.

Veelgestelde vragen