HSL-de dizaýn edilen palitralar köplenç kagyzda çykar. Bu konwerter saňa saýlan hue, saturation we lightness-i alyp, çaphananyň işledýän dört mürkäp prosentlerini berýär.
HSL-den CMYK-a öwürmegiň işleýşi
- HSL üçlügini 0 bilen 255 aralygynda RGB kanallaryna öwür.
- Olaryň kanallaryny 255-e bölüp normalizirle.
- Key komponent K = 1 − max(R, G, B) hasapla.
- Käbir galan kanallardan C, M we Y-ni çykaryp al we hemmesini prosentlere öwür.
Işläp görlen mysal
Iki öwürme yzly-yzyna dowam edýär, şonuň üçin golaýlaşdyryş iki gezek bolup geçýär — we CMYK profil ýoklugynda çaklama bolup galýar. Çap edilen netije HSL öňgorulmasyndan biraz az doýgun bolup biler.
HSL we CMYK düşündirişleri
HSL näme?
HSL reňki reňk tonu (reňk tegelekde 0–360°), toýgunlyk (näçe reňkli, 0–100%) we ýalptylyk (näçe ýagty, 0–100%) bölýär. Her bölek adamala reňki düşündirişine gabat gelýänligi sebäpli, HSL reňk çalşyklary, kölegeler we yzygiderli paletalar taýýarlamak üçin iň ýönekeý format — el bilen ýa-da kodda.
- Sintaksis:
- hsl(H, S%, L%)
- Diapazon:
- 0–360°, 0–100%, 0–100%
- Iň amatly üçin:
- paletalar, çalşyklary we tematika
CMYK näme?
CMYK çapda ulanylýan dört-syý modelidir: cyan, magenta, sary we key (gara), her biri 0–100% aralygyndaky foiz bilen. Syý ýagtylygy çykarmaýar, eýsem azaldýar, şonuň üçin CMYK ekran bilen deň bolmadyk az reňk takyklygyny üpjün edýär — şonuň üçinem ekranyň ýalpyldawuk reňkleri çap edildiğinde köplenç ýuwaş görünýär.
- Sintaksis:
- cmyk(C%, M%, Y%, K%)
- Diapazon:
- Her syý üçin 0–100%
- Iň amatly üçin:
- çap, gaplaýyş, basmaga taýýar surat
HSL-den CMYK-a derňewdiň tablisasy
Iň köp ulanylýan CSS reňkleri, HSL-den CMYK-a öwrülen.
| Reňk | 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%) |