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
- Baca R, G, dan B sebagai nilai sRGB antara 0 dan 255.
- Cari warnanya di profil Coated FOGRA39, profil ICC standar untuk kertas bersalut di Eropa.
- Gunakan tujuan rendering kolorimetrik relatif dengan kompensasi titik hitam, sehingga putih tetap menjadi putih kertas dan hitam dipetakan ke tinta paling gelap yang bisa dicetak mesin cetak.
- Ubah keempat nilai menjadi persentase antara 0 dan 100.
Contoh yang bekerja
Ini memakai profil standar Coated FOGRA39. Percetakan bekerja dengan profil ICC dan batas tinta mereka sendiri, sehingga profil CMYK lain (misalnya dari percetakan Anda) memberi angka yang berbeda. Anggap hasilnya sebagai referensi yang kuat, bukan pemisahan warna yang 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(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |