Layar mencampur cahaya, percetakan mencampur tinta — jadi kode HEX harus diterjemahkan sebelum apa pun masuk ke mesin cetak. Konverter ini memberi persentase cyan, magenta, yellow dan key yang mendekati warna webmu sejauh tinta memungkinkan.
Cara konversi HEX ke CMYK bekerja
- Konversi kode HEX ke RGB dan bagi setiap kanal dengan 255.
- Hitung komponen key (hitam): K = 1 − max(R, G, B).
- Turunkan tinta lainnya dengan mengeluarkan bagian hitam itu: C = (1 − R − K) / (1 − K), dan gunakan rumus yang sama untuk magenta dan kuning.
- Kalikan keempat nilai dengan 100 untuk mendapatkan persentase. Hitam murni menjadi singkat ke 0/0/0/100.
Contoh yang bekerja
Ini adalah pendekatan perangkat-agnostik. Percetakan nyata bergantung pada kertas, tinta dan profil warna ICC, jadi anggap hasil ini sebagai titik awal dan selalu periksa proof untuk warna yang penting bagi merek.
HEX dan CMYK dijelaskan
Apa itu HEX?
Kode HEX adalah angka heksadesimal enam digit yang menyimpan kanal merah, hijau, dan biru di balik tanda #. Setiap pasangan digit mewakili satu kanal, dari 00 (tidak ada) sampai FF (penuh), memberi 16,7 juta warna yang sama seperti RGB dalam notasi yang lebih singkat. HEX adalah default di CSS, alat desain, dan panduan merek.
- Sintaks:
- #RRGGBB
- Rentang:
- 00–FF per kanal
- Terbaik untuk:
- CSS, serah terima desain, panduan merek
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 HEX ke CMYK
Warna CSS yang paling umum, dikonversi dari HEX ke CMYK.
| Warna | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |