Datang dari dunia cetak dan butuh warna yang sama di web? Mengonversi CMYK ke HEX memberi ekivalen layar terdekat dari campuran tinta kamu, siap ditempel ke CSS, Figma atau lembar merek.
Cara konversi CMYK ke HEX bekerja
- Ambil keempat persentase CMYK 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 tiap kanal, tuliskan sebagai dua digit heksadesimal dan gabungkan di belakang #.
Contoh yang bekerja
Ini memakai profil standar Coated FOGRA39, bukan profil mesin cetak Anda. Profil CMYK lain (misalnya dari percetakan Anda) memberi angka yang berbeda, jadi anggap hasil HEX sebagai pratinjau yang akurat dan periksa cetak uji untuk warna yang penting bagi merek.
CMYK dan HEX 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 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
Tabel referensi CMYK ke HEX
Warna CSS yang paling umum, dikonversi dari CMYK ke HEX.
| Warna | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |