Pead trükivärvi ekraanil näitama? CMYK‑st RGB‑ks teisendamine annab sulle valgusepõhise ekvivalendi tindiprotsentidele — väärtused, mida monitor, mockup või veebileht tegelikult kuvada saab.
Kuidas CMYK -> RGB teisendamine toimib
- Muuda kõik neli protsenti murdudeks vahemikus 0 kuni 1.
- Rakenda key‑komponent esmalt: iga kanal skaleeritakse läbi (1 − K).
- Arvuta R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) ja B = 255 × (1 − Y) × (1 − K).
- Ümarda iga kanal täisarvuks vahemikus 0 kuni 255.
Töötav näide
Ligikaudne. Ekraan suudab kuvada rohkem värve kui tint, nii et RGB‑tulemus näeb tavaliselt heledam ja intensiivsem välja kui trükk.
CMYK ja RGB selgitatud
Mis on CMYK?
CMYK on trükis kasutatav nelja-tindi mudel: cyan, magenta, yellow ja key (must), igaüks protsentides 0–100. Tint lahutab valgust rather than emit, seetõttu katab CMYK vähem toone kui ekraan — seetõttu näevad erksad ekraanivärvid sageli trükis tuhmid välja.
- Süntaks:
- cmyk(C%, M%, Y%, K%)
- Vahemik:
- 0–100% per tint
- Parim jaoks:
- trükk, pakendikujundus, trükiks valmis artwork
Mis on RGB?
RGB kirjeldab värvi kolme valguskanaliga — red (punane), green (roheline) ja blue (sinine) — igaüks vahemikus 0 kuni 255. See peegeldab, kuidas ekraanid tegelikult töötavad: kõik kanalid 255 annavad valge, kõik 0 annavad musta. RGB on õige valik, kui pead värgiga arvutusi tegema; rgba() lisab selle juurde läbipaistvuse.
- Süntaks:
- rgb(R, G, B)
- Vahemik:
- 0–255 per kanal
- Parim jaoks:
- kood, canvas, läbipaistvus rgba() abil
CMYK -> RGB võrdlustabel
Kõige levinumad CSS-värvid, teisendatud CMYK formaadist RGB formaati.
| Värv | 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) |