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
- Gör om alla fyra procentsatser till bråk mellan 0 och 1.
- Applicera nyckelkomponenten först: varje kanal skalas med (1 − K).
- Beräkna R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) och B = 255 × (1 − Y) × (1 − K).
- Avrunda varje kanal till ett heltal mellan 0 och 255.
Exempel som fungerar
Approximerat. En skärm kan visa fler färger än bläck kan producera, så RGB‑resultatet ser vanligtvis ljusare och mer mättat ut än det tryckta materialet.
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(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |