Mawa palét cetak ka wéb leuwih gampang dina HSL: sanggeus campuran tintamu diékspresikeun jadi hue, saturation jeung lightness, maneh bisa nyieun kaayaan hover, tint jeung shade dina sababaraha detik.
Kumaha konvérsi CMYK ka HSL jalanna
- Robah perséntase CMYK jadi kanal RGB antara 0 jeung 255.
- Bagikeun kanal ku 255 sarta candak maksimum jeung minimumna.
- Rata-rata maksimum jeung minimum téh lightness L, sedengkeun jarakna nangtukeun saturation S.
- Kanal anu ngandung maksimum nangtukeun hue H dina derajat dina roda warna.
Conto nu jalan
Léngkah CMYK ka RGB geus mangrupa pendekatan sarta nilai HSL dibuletkeun ka angka bulat. Hasilna téh cocog deukeut, lain konvérsi anu dikelola ku warna.
CMYK jeung HSL dijelaskeun
Naon éta CMYK?
CMYK nyaéta modél opat-tinta anu dipaké dina percetakan: cyan, magenta, yellow jeung key (hideung), masing-masing salaku perséntase ti 0 nepi ka 100. Tinta nyabut cahaya tinimbang ngahasilkeunana, jadi CMYK ngawengku leuwih saeutik warna tibatan layar — ku kituna warna layar anu caang mindeng katingali leuwih pudar sanggeus dicitak.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Rentang:
- 0–100% per tinta
- Pangalusna pikeun:
- cétak, bungkusan, karya siap-press
Naon éta HSL?
HSL mecah warna jadi hue (0–360° dina roda warna), saturation (sabaraha warna, 0–100%) jeung lightness (sabaraha caang, 0–100%). Kusabab masing-masing bagian cocog jeung cara jalma ngajelaskeun warna, HSL mangrupa format anu paling gampang pikeun nyieun tint, shade jeung palét anu konsisten — sacara manual atawa dina kode.
- Sintaks:
- hsl(H, S%, L%)
- Rentang:
- 0–360°, 0–100%, 0–100%
- Pangalusna pikeun:
- palét, tint jeung shade, theming
tabel rujukan CMYK ka HSL
Warna CSS anu paling umum, dikonversi ti CMYK ka 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%) |