Palet sing dirancang ing HSL asring rampung ing kertas. Konverter iki njupuk hue, saturation lan lightness sing kowe pilih lan mbalekake papat persentase tinta sing digunakake toko cetak.
Carane konversi saka HSL dadi CMYK
- Owahi triple HSL dadi saluran RGB antara 0 lan 255.
- Normalisasi saluran kasebut kanthi mbagi karo 255.
- Itung komponen key K = 1 − max(R, G, B).
- Turunaké C, M lan Y saka saluran sing isih ana lan konversi kabeh papat dadi persentase.
Conto kerja
Ana rong konversi sing kedadeyan berturut-turut, dadi pambunderan kedadeyan kaping pindho — lan CMYK tetep perkiraan tanpa profil warna. Panggonan sing dicetak biasane rada kurang cerah tinimbang pratayang HSL.
HSL lan CMYK dijlentrehake
Apa iku HSL?
HSL mecah warna dadi hue (0–360° ing roda warna), saturation (sepira werna, 0–100%) lan lightness (sepira padhang, 0–100%). Amarga saben bagean cocog karo cara wong njlèntrèhaké warna, HSL dadi format sing paling gampang kanggo nggawe tint, shade lan palet sing konsisten — kanthi manual utawa ing kode.
- Sintaksis:
- hsl(H, S%, L%)
- Rentang:
- 0–360°, 0–100%, 0–100%
- Paling cocog kanggo:
- palet, tint lan shade, theming
Apa iku CMYK?
CMYK yaiku model empat tinta sing digunakake ing percetakan: cyan, magenta, kuning lan key (ireng), saben ditetepake minangka persentase saka 0 nganti 100. Tinta nyopot cahya tinimbang ngeculake, mula CMYK nutupi warna sing luwih sithik tinimbang layar — makane warna layar sing padhang asring katon luwih pudar nalika dicetak.
- Sintaksis:
- cmyk(C%, M%, Y%, K%)
- Rentang:
- 0–100% saben tinta
- Paling cocog kanggo:
- cetakan, kemasan, artwork siap-cetak
Tabel referensi saka HSL menyang CMYK
Werna CSS sing paling umum, dikonversi saka HSL menyang CMYK.
| Warna | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |