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
- Bagi semua persentase CMYK dengan 100.
- Terapkan komponen key terlebih dulu: setiap kanal diskalakan dengan (1 − K).
- Hitung kanal: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Bulatkan tiap kanal, tuliskan sebagai dua digit heksadesimal dan gabungkan di belakang #.
Contoh yang bekerja
Kira-kira secara alami. CMYK mencakup rentang warna yang lebih kecil daripada layar, jadi hasil HEX adalah preview setia daripada kecocokan yang dikelola warna — itu akan membutuhkan profil ICC mesin cetak.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |