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
- Läs R, G och B som sRGB-värden mellan 0 och 255.
- Slå upp färgen i profilen Coated FOGRA39, den standardiserade ICC-profilen för bestruket papper i Europa.
- Använd återgivningsmetoden relativt kolorimetriskt med svartpunktskompensering, så att vitt förblir pappersvitt och svart motsvarar det mörkaste bläck som tryckpressen kan trycka.
- Konvertera alla fyra värden till procent mellan 0 och 100.
Exempel som fungerar
Det här använder den standardiserade profilen Coated FOGRA39. Tryckerier arbetar med egna ICC-profiler och bläckgränser, så andra CMYK-profiler (till exempel från ditt tryckeri) ger andra värden. Se resultatet som en stabil referens, inte som en separation som är klar för tryck.
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(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |