Баспа палитрасы вебке әкелінгенде HSL қолдану оңай: сия қоспасын hue, saturation және lightness-пен білдірген соң, одан hover күйлерін, tint пен shade-тарды бірнеше секундта құра аласың.
CMYK-тан HSL-қа түрлендіру қалай жұмыс істейді
- CMYK пайыздарын Coated FOGRA39 профилі арқылы 0 мен 255 арасындағы sRGB арналарына түрлендір.
- Арналарды 255-ке бөліп, олардың максимумы мен минимумын ал.
- Максимум мен минимумның ортасы lightness L болады, олардың айырмасы saturation S-ты анықтайды.
- Максимумды ұстайтын арна түс дөңгелегіндегі hue H-ты градуспен анықтайды.
Жұмыс істейтін мысал
CMYK-дан RGB-ге қадамы стандартты Coated FOGRA39 профилін қолданады, сондықтан басқа CMYK профильдері (мысалы, баспаханаңдікі) басқа сандар береді. HSL мәндері бүтін сандарға дөңгелектеледі.
CMYK және HSL түсініктемесі
CMYK деген не?
CMYK баспада қолданылатын төрт сия моделін білдіреді: cyan, magenta, yellow және key (қара), әрқайсысы 0–100% аралығында көрсетіледі. Сия жарықты шығару орнына салады (шығарады емес), сондықтан CMYK экранға қарағанда азырақ түсті қамтиды — соның нәтижесінде экрандағы ашық түстер басылғанда күңгірт көрінуі мүмкін.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Ауқымы:
- Сия бойынша 0–100%
- Үшін ең жақсы:
- баспа, орау, баспаға дайын өнер туындылары
HSL деген не?
HSL түсті үшке бөледі: рең (түс дөңгелегінде 0–360°), қанықтылық (қаншалықты түсті, 0–100%) және жарықтық (қаншалықты жарық, 0–100%). Әр бөлік адамдар түс туралы сипаттауымен сәйкес келетіндіктен, HSL масштабтар, реңк‑түстер және бірізді палитра жасау үшін ең ыңғайлы формат — қолмен немесе кодта.
- Синтаксис:
- hsl(H, S%, L%)
- Ауқымы:
- 0–360°, 0–100%, 0–100%
- Үшін ең жақсы:
- палитралар, реңктер мен көлеңкелер, тақырыптау
CMYK-тан HSL-қа анықтама кестесі
Ең жиі қолданылатын CSS түстері, CMYK-тан HSL-қа түрлендірілді.
| Түс | 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%) |