Datang dari dunia cetak dan perlukan warna yang sama di web? Menukar CMYK ke HEX memberi kamu padanan skrin terdekat bagi campuran dakwatmu, sedia untuk disisip ke CSS, Figma atau helaian jenama.
Bagaimana penukaran CMYK ke HEX berfungsi
- Bahagikan keempat-empat peratus CMYK dengan 100.
- Terapkan komponen key terlebih dahulu: setiap saluran diskalakan oleh (1 − K).
- Kira saluran: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Bulatkan setiap saluran, tulis sebagai dua digit heksadesimal dan gabungkan di belakang #.
Contoh terperinci
Secara naluri anggaran. CMYK merangkumi julat warna yang lebih kecil daripada skrin, jadi hasil HEX ialah pratonton setia dan bukan padanan terurus warna — itu memerlukan profil ICC pencetak.
CMYK dan HEX diterangkan
Apakah CMYK?
CMYK ialah model empat dakwat yang digunakan dalam percetakan: cyan, magenta, kuning dan key (hitam), setiap satu sebagai peratusan dari 0 hingga 100. Dakwat menolak cahaya bukannya memancarkan, jadi CMYK merangkumi lebih sedikit warna berbanding skrin — sebabnya warna terang di skrin sering kelihatan lebih pudar bila dicetak.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Julat:
- 0–100% per dakwat
- Terbaik untuk:
- cetak, pembungkusan, karya sedia-cetak
Apakah HEX?
Kod HEX adalah nombor enam digit heksadesimal yang menyimpan saluran merah, hijau dan biru sesuatu warna dengan awalan #. Setiap pasangan digit mewakili satu saluran, dari 00 (tiada) hingga FF (penuh), yang memberi jumlah 16.7 juta warna sama seperti RGB tetapi dalam notasi lebih pendek. HEX adalah lalai dalam CSS, alat reka bentuk dan garis panduan jenama.
- Sintaks:
- #RRGGBB
- Julat:
- 00–FF per saluran
- Terbaik untuk:
- CSS, serahan reka bentuk, garis panduan jenama
Jadual rujukan CMYK ke HEX
Warna CSS paling biasa, ditukar 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 |