RGB bersifat aditif dan terbuat dari cahaya, CMYK bersifat subtraktif dan terbuat dari tinta. Mengonversi di antara keduanya adalah langkah yang dilakukan setiap desain layar sebelum bisa dicetak.
Cara konversi RGB ke CMYK bekerja
- Normalisasi saluran: bagi R, G dan B dengan 255.
- Ambil saluran terbesarnya yang sudah dinormalisasi dan hitung key K = 1 − max.
- Turunkan cyan, magenta dan yellow dengan menghapus bagian hitam itu: C = (1 − R − K) / (1 − K), dan seterusnya.
- Ubah keempat nilai menjadi persentase antara 0 dan 100.
Contoh yang bekerja
Ini adalah pendekatan matematis tanpa profil warna. Toko cetak menggunakan profil ICC dan batas tinta, jadi angka-angka ini adalah referensi yang solid, bukan pemisahan siap cetak.
RGB dan CMYK dijelaskan
Apa itu RGB?
RGB menggambarkan warna sebagai tiga kanal cahaya — merah, hijau, dan biru — masing‑masing dari 0 sampai 255. Ini mencerminkan cara kerja layar sebenarnya: ketiganya di 255 memberi putih, semuanya di 0 memberi hitam. RGB tepat ketika kamu perlu menghitung dengan warna, dan rgba() menambahkan transparansi di atasnya.
- Sintaks:
- rgb(R, G, B)
- Rentang:
- 0–255 per kanal
- Terbaik untuk:
- kode, canvas, transparansi dengan rgba()
Apa itu CMYK?
CMYK adalah model empat tinta yang dipakai di percetakan: cyan, magenta, yellow, dan key (hitam), masing‑masing sebagai persentase dari 0 sampai 100. Tinta mengurangi cahaya alih‑alih memancarkan, jadi CMYK mencakup lebih sedikit warna dibanding layar — itulah sebabnya warna cerah di layar sering terlihat lebih kusam setelah dicetak.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Rentang:
- 0–100% per tinta
- Terbaik untuk:
- cetak, kemasan, artwork siap cetak
Tabel referensi RGB ke CMYK
Warna CSS yang paling umum, dikonversi 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%) |