Ç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 0 bilen 255 aralygyndaky RGB 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 ädim eýýäm çaklama we HSL bahalary bütin sanlara golaýladylýar. Netije reňk dolandyrylan öwürme däl-de, örän ýakyn gabat gelýän bir netijedir.
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(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%) |