Palet yang direka dalam HSL sering berakhir di atas kertas. Penukar ini mengambil hue, saturation dan lightness yang kamu pilih dan memulangkan peratusan empat dakwat yang digunakan kedai cetak.
Bagaimana penukaran HSL ke CMYK berfungsi
- Tukarkan triple HSL kepada saluran RGB antara 0 dan 255.
- Baca nilai ini sebagai nilai sRGB dan cari warna dalam profil Coated FOGRA39.
- Gunakan tujuan pemaparan kolorimetrik relatif dengan pampasan titik hitam, supaya putih kekal putih kertas dan hitam ditukar kepada dakwat paling gelap yang boleh dicetak oleh mesin.
- Bundarkan empat nilai dakwat kepada peratus bulat. Ia mengikut tetapan CMYK lalai Photoshop untuk Eropah.
Contoh terperinci
Dua penukaran berlaku berturut-turut, jadi pembundaran berlaku dua kali, dan langkah CMYK menggunakan profil piawai Coated FOGRA39. Profil CMYK lain (contohnya daripada kedai cetak kamu) memberi nombor yang berbeza. Jangkakan hasil cetakan sedikit kurang terang daripada pratonton HSL.
HSL dan CMYK diterangkan
Apakah HSL?
HSL memecah warna kepada hue (0–360° pada roda warna), saturation (betapa berwarnanya, 0–100%) dan lightness (betapa cerahnya, 0–100%). Kerana setiap bahagian sepadan dengan cara orang menggambarkan warna, HSL adalah format paling mudah untuk membina tona, nuansa dan palet yang konsisten — secara manual atau dalam kod.
- Sintaks:
- hsl(H, S%, L%)
- Julat:
- 0–360°, 0–100%, 0–100%
- Terbaik untuk:
- palet, tona dan nuansa, theming
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
Jadual rujukan HSL ke CMYK
Warna CSS paling biasa, ditukar dari HSL ke CMYK.
| Warna | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |