HSL‑да дизайнланган палитралар еш кына кәгазьгә күчерелә. Бу конвертер син сайлаган hue, saturation һәм lightness‑ны алып, бастыру йорты эшли торган дүрт туш процентын кайтара.
HSL дан CMYK га конвертация ничек эшли
- HSL триосын 0–255 аралыгында RGB каналларына әйләндер.
- Шул каналларны 255‑кә бүлеп нормальләштер.
- Ключ компонентын исәплә K = 1 − max(R, G, B).
- Калган каналлардан C, M һәм Y‑ны чыгар һәм барлык дүрт кыйммәтне процентларга әйләндер.
Эшләгән үрнәк
Ике конвертация бер-бер артлы бара, шуңа күрә түгәрәкләү икегә төшә — һәм CMYK профильсез һәрвакыт якынча кала. Бастырылган нәтиҗә HSL‑алдын күрсәтмәгә караганда бераз кимрәк рухлы булыр дип көт.
HSL һәм CMYK аңлатмасы
HSL нәрсә ул?
HSL төсне өч өлешкә бүлә: төс (0–360° төс тәгәрмәчендә), тәмамлык (насыщенность, 0–100%) һәм яктык (0–100%). Һәр өлеш кеше төсне тасвирлаганча туры килә, шуңа HSL төсләрдән тоннар, күләгәләр һәм тотрыклы палитралар төзү өчен иң җайлы формат — кул белән дә, кодта да.
- Синтаксис:
- hsl(H, S%, L%)
- Диапазон:
- 0–360°, 0–100%, 0–100%
- Киңрәк кулланыш өчен:
- палитралар, тоннар һәм күләгәләр, тема ясау
CMYK нәрсә ул?
CMYK — бастыруда кулланыла торган дүрт сыеклык моделе: cyan, magenta, yellow һәм key (black), һәркайсы 0 дән 100% ка кадәр. Буля торган сыеклык яктыны кисеп ала, ягъни ул яктылыкны чыгармый, шуңа CMYK экрандагыдан азрак төс каплый — шуңа күрә ачык экран төсләре бастыруда күбрәк сүндерелгән кебек күренергә мөмкин.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Диапазон:
- Һәр сиягә 0–100%
- Киңрәк кулланыш өчен:
- бастыру, упаковка, басмага әзер эш
HSL дан CMYK га төп таблица
Иң киң таралган CSS төсләре, HSL дан CMYK га конвертацияләнгән.
| Төс | 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%) |