RGB adalah aditif dan terdiri daripada cahaya, CMYK bersifat substraktif dan terdiri daripada dakwat. Menukar antara keduanya adalah langkah yang perlu setiap reka bentuk skrin lalui sebelum boleh dicetak.
Bagaimana penukaran RGB ke CMYK berfungsi
- Normalisasikan saluran: bahagi R, G dan B dengan 255.
- Ambil saluran ternormal paling besar dan kira key K = 1 − max.
- Terbitkan cyan, magenta dan kuning dengan mengeluarkan bahagian hitam itu: C = (1 − R − K) / (1 − K), dan seterusnya.
- Tukarkan keempat-empat nilai kepada peratus antara 0 dan 100.
Contoh terperinci
Ia ialah anggaran matematik tanpa profil warna. Kedai cetak menggunakan profil ICC dan had dakwat, jadi nombor ini adalah rujukan yang kukuh, bukan pemisahan siap untuk mesin cetak.
RGB dan CMYK diterangkan
Apakah RGB?
RGB menerangkan warna sebagai tiga saluran cahaya — merah, hijau dan biru — setiap satu dari 0 hingga 255. Ia menggambarkan cara skrin berfungsi: ketiga-tiganya pada 255 memberi putih, ketiga pada 0 memberi hitam. RGB adalah pilihan tepat bila anda perlu mengira dengan warna, dan rgba() menambah ketelusan di atasnya.
- Sintaks:
- rgb(R, G, B)
- Julat:
- 0–255 per saluran
- Terbaik untuk:
- kod, canvas, ketelusan dengan rgba()
Apakah CMYK?
CMYK ialah model empat dakwat yang digunakan dalam percetakan: cyan, magenta, kuning dan key (hitam), setiap satu sebagai peratusan dari 0 hingga 100. Dakwat menolak cahaya bukannya memancarkan, jadi CMYK merangkumi lebih sedikit warna berbanding skrin — sebabnya warna terang di skrin sering kelihatan lebih pudar bila dicetak.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Julat:
- 0–100% per dakwat
- Terbaik untuk:
- cetak, pembungkusan, karya sedia-cetak
Jadual rujukan RGB ke CMYK
Warna CSS paling biasa, ditukar dari RGB ke CMYK.
| Warna | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |