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
- Ambil empat peratus CMYK sebagai jumlah dakwat untuk profil Coated FOGRA39.
- Baca warna yang dicetak oleh profil untuk campuran dakwat itu, menggunakan tujuan pemaparan kolorimetrik relatif dengan pampasan titik hitam.
- Tukar warna itu kepada sRGB. Warna yang tidak dapat dipaparkan oleh skrin dipotong kepada nilai terdekat yang boleh dipaparkan.
- Bulatkan setiap saluran, tulis sebagai dua digit heksadesimal dan gabungkan di belakang #.
Contoh terperinci
Ini menggunakan profil piawai Coated FOGRA39, bukan profil mesin cetak kamu. Profil CMYK lain (contohnya daripada kedai cetak kamu) memberi nombor yang berbeza, jadi anggap hasil HEX sebagai pratonton yang setia dan semak bukti cetak untuk warna penting jenama.
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(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 |