Behöver du visa en tryckt färg på skärm? Att konvertera CMYK till RGB ger dig ljus‑motsvarigheten till dina bläckprocent — de värden en monitor, mockup eller webbsida faktiskt kan visa.
Hur CMYK till RGB-konvertering fungerar
- Ta de fyra procentvärdena som bläckmängder för profilen Coated FOGRA39.
- Läs av färgen som profilen ger för den bläckblandningen, med återgivningsmetoden relativt kolorimetriskt och svartpunktskompensering.
- Konvertera färgen till sRGB. Färger som en skärm inte kan visa klipps till närmaste värde den kan visa.
- Avrunda varje kanal till ett heltal mellan 0 och 255.
Exempel som fungerar
RGB-resultatet visar hur den här bläckblandningen ser ut på bestruket papper med den standardiserade profilen Coated FOGRA39. Andra CMYK-profiler (till exempel från ditt tryckeri) ger andra värden, och ett tryckt exemplar lyser aldrig som en skärm.
CMYK och RGB förklarat
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
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()
CMYK till RGB referenstabell
De vanligaste CSS-färgerna, konverterade från CMYK till RGB.
| Färg | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |