Palet yang dirancang di HSL sering berakhir di kertas. Konverter ini mengambil hue, saturation dan lightness yang kamu pilih dan mengembalikan empat persentase tinta yang dipakai percetakan.
Cara konversi HSL ke CMYK bekerja
- Konversikan triple HSL ke saluran RGB antara 0 dan 255.
- Baca nilai itu sebagai nilai sRGB dan cari warnanya di profil Coated FOGRA39.
- Gunakan tujuan rendering kolorimetrik relatif dengan kompensasi titik hitam, sehingga putih tetap menjadi putih kertas dan hitam dipetakan ke tinta paling gelap yang bisa dicetak mesin cetak.
- Bulatkan keempat nilai tinta ke persentase utuh. Nilai ini mengikuti pengaturan CMYK bawaan Photoshop untuk Eropa.
Contoh yang bekerja
Dua konversi terjadi berurutan, sehingga pembulatan dilakukan dua kali, dan langkah CMYK memakai profil standar Coated FOGRA39. Profil CMYK lain (misalnya dari percetakan Anda) memberi angka yang berbeda. Perkirakan hasil cetak sedikit kurang cerah dibanding pratinjau HSL.
HSL dan CMYK dijelaskan
Apa itu HSL?
HSL membagi warna menjadi hue (0–360° pada roda warna), saturation (seberapa berwarna, 0–100%) dan lightness (seberapa terang, 0–100%). Karena tiap bagian cocok dengan cara orang menggambarkan warna, HSL adalah format termudah untuk membuat tint, shade, dan palet konsisten — secara manual atau dalam kode.
- Sintaks:
- hsl(H, S%, L%)
- Rentang:
- 0–360°, 0–100%, 0–100%
- Terbaik untuk:
- palet, tint dan shade, theming
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
Tabel referensi HSL ke CMYK
Warna CSS yang paling umum, dikonversi 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%) |