Szeretnéd képernyőn megmutatni a nyomtatott színt? A CMYK–>RGB átalakítás megadja az tintaszázalékok fényalapú megfelelőjét — az értékeket, amiket egy monitor, mockup vagy weboldal ténylegesen meg tud jeleníteni.
Hogyan működik a CMYK → RGB átalakítás
- Alakítsd a négy százalékot törtértékekké 0 és 1 között.
- Alkalmazd először a key komponenset: minden csatornát skálázz (1 − K)-val.
- Számold ki R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) és B = 255 × (1 − Y) × (1 − K).
- Kerekítsd a csatornákat egész számokra 0 és 255 között.
Példa a gyakorlatban
Közelítés. A képernyő több színt képes megjeleníteni, mint amit a festék elő tud állítani, így az RGB eredmény általában világosabbnak és telítettebbnek tűnik, mint a nyomtatott anyag.
CMYK és RGB magyarázata
Mi az a CMYK?
A CMYK a négy festékmodell nyomtatáshoz: cyan, magenta, yellow és key (fekete), mind százalékos értékként 0–100 között. A festék a fényt vonja ki a kibocsátás helyett, így a CMYK kevesebb színt képes megjeleníteni, mint egy képernyő — ezért a világos képernyőszínek gyakran tompábbnak tűnnek nyomtatásban.
- Szintaxis:
- cmyk(C%, M%, Y%, K%)
- Tartomány:
- 0–100% festékenként
- Legjobb erre:
- nyomtatás, csomagolás, nyomdai anyagok
Mi az a RGB?
Az RGB egy színt három fénysávként ír le — vörös, zöld és kék — mindegyik 0–255 között. Ez tükrözi, hogyan működnek a képernyők: mindhárom 255-nél fehér, mindhárom 0-nál fekete. Az RGB a jó választás, amikor számolni kell a színnel; az rgba() pedig átlátszóságot ad hozzá.
- Szintaxis:
- rgb(R, G, B)
- Tartomány:
- 0–255 csatornánként
- Legjobb erre:
- kód, canvas, átlátszóság rgba()-vel
CMYK → RGB referencia táblázat
A leggyakoribb CSS-színek, átalakítva CMYK-ról RGB-ra.
| Szín | 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) |