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
- Ambil keempat persentase sebagai jumlah tinta untuk profil Coated FOGRA39.
- Baca warna yang dicetak profil untuk campuran tinta tersebut, dengan tujuan rendering kolorimetrik relatif dan kompensasi titik hitam.
- Ubah warna itu ke sRGB. Warna yang tidak bisa ditampilkan layar dipotong ke nilai terdekat yang bisa ditampilkannya.
- Bulatkan setiap saluran ke angka bulat antara 0 dan 255.
Contoh yang bekerja
Hasil RGB menunjukkan tampilan campuran tinta ini di atas kertas bersalut dengan profil standar Coated FOGRA39. Profil CMYK lain (misalnya dari percetakan Anda) memberi angka yang berbeda, dan cetakan tidak pernah bersinar seperti layar.
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(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |