Nggawa palet cetak menyang web luwih gampang ing HSL: nalika campuran tint wis diwujudaké minangka hue, saturation lan lightness, kowe bisa nggawe hover state, tint lan shade saka kono ing sawetara detik.
Carane konversi saka CMYK dadi HSL
- Konversi persentase CMYK dadi saluran RGB antara 0 lan 255.
- Bagi saluran karo 255 lan goleki nilai maksimum lan minimum.
- Rata-rata maksimum lan minimum iku lightness L, sedangkan sebarané nemtokake saturation S.
- Saluran sing nduwéni maksimum nemtokake hue H ing derajat ing roda warna.
Conto kerja
Langkah CMYK menyang RGB wis dadi perkiraan lan nilai HSL dibunderaké dadi angka utuh. Asilé cocog banget cedhak, dudu konversi kanthi manajemen warna lengkap.
CMYK lan HSL dijlentrehake
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
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
Tabel referensi saka CMYK menyang HSL
Werna CSS sing paling umum, dikonversi saka CMYK menyang HSL.
| Warna | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |