Çap palitrasyny web-e getirmek HSL-de ýeňildir: inkgöreksi üçlügi hue, saturation we lightness görnüşinde beýan edeniňde, ondan hover ýagdaýlaryny, tintleri we shades-lary sekuntlarda düzüp bilersiň.
CMYK-den HSL-a öwürmegiň işleýşi
- CMYK prosentlerini Coated FOGRA39 profili bilen 0 bilen 255 aralygyndaky sRGB kanallaryna öwür.
- Kanallary 255-e bölüp olaryň maksimum we minimum bahalaryny al.
- Maksimum we minimumyň ortasy lightness L-dyr, olaryň aralygy saturation S-i kesgitleýär.
- Maksimum bolýan kanal hue H-i reňk çarjagynda dereje bilen kesgitleýär.
Işläp görlen mysal
CMYK-dan RGB-e ädimi standart Coated FOGRA39 profilini ulanýar, şonuň üçin beýleki CMYK profilleri (mysal üçin çap dükanyňdan) başga sanlar berýär. HSL bahalary bitin sanlara golaýlanýar.
CMYK we HSL düşündirişleri
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 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-den HSL-a derňewdiň tablisasy
Iň köp ulanylýan CSS reňkleri, CMYK-den HSL-a öwrülen.
| Reňk | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |