RGB är additivt och byggt av ljus, CMYK är subtraktivt och byggt av bläck. Att konvertera mellan dem är steget varje skärmdesign tar innan den kan tryckas.
Hur RGB till CMYK-konvertering fungerar
- Normalisera kanalerna: dela R, G och B med 255.
- Ta den största normaliserade kanalen och beräkna nyckeln K = 1 − max.
- Härled cyan, magenta och gult genom att ta bort den svarta andelen: C = (1 − R − K) / (1 − K), och så vidare.
- Konvertera alla fyra värden till procent mellan 0 och 100.
Exempel som fungerar
Det är en matematisk approximation utan färgprofil. Tryckerier använder ICC‑profiler och bläckbegränsningar, så dessa siffror är en robust referens, inte en press‑klar separering.
RGB och CMYK förklarat
Vad är RGB?
RGB beskriver en färg som tre ljuskanaler — röd, grön och blå — vardera från 0 till 255. Det speglar hur skärmar faktiskt fungerar: alla tre på 255 ger vitt, alla på 0 ger svart. RGB är rätt val när du behöver räkna med en färg, och rgba() lägger till transparens ovanpå.
- Syntax:
- rgb(R, G, B)
- Intervall:
- 0–255 per kanal
- Bäst för:
- kod, canvas, transparens med rgba()
Vad är CMYK?
CMYK är fyrfärgsmodellen som används i tryck: cyan, magenta, yellow och key (svart), vardera som en procent från 0 till 100. Bläcket subtraherar ljus istället för att avge det, så CMYK täcker färre färger än en skärm — därför ser ofta ljusa skärmtoner mattare ut i tryck.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Intervall:
- 0–100% per färg
- Bäst för:
- tryck, förpackningar, pressfärdigt material
RGB till CMYK referenstabell
De vanligaste CSS-färgerna, konverterade från RGB till CMYK.
| Färg | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |