Perlu menampilkan warna cetak di layar? Mengonversi CMYK ke RGB memberi padanan berbasis cahaya dari persentase tinta — nilai yang bisa ditampilkan monitor, mockup atau halaman web.
Cara konversi CMYK ke RGB bekerja
- Ubah keempat persentase menjadi pecahan antara 0 dan 1.
- Terapkan komponen key terlebih dahulu: setiap saluran diskalakan oleh (1 − K).
- Hitung R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) dan B = 255 × (1 − Y) × (1 − K).
- Bulatkan setiap saluran ke angka bulat antara 0 dan 255.
Contoh yang bekerja
Pendekatan perkiraan. Layar bisa menampilkan lebih banyak warna daripada yang tinta bisa hasilkan, jadi hasil RGB biasanya terlihat lebih cerah dan lebih jenuh dibandingkan cetakan.
CMYK dan RGB dijelaskan
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
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()
Tabel referensi CMYK ke RGB
Warna CSS yang paling umum, dikonversi dari CMYK ke RGB.
| Warna | 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) |