Бастырма палитрасын вебка күчерү HSL белән җиңелрәк: туш катнашмасы hue, saturation һәм lightness рәвешендә булгач, син шуннан hover халәтләре, tint һәм shade‑ларны секундлар эчендә булдыра аласың.
CMYK дан HSL га конвертация ничек эшли
- CMYK процентларын 0–255 аралыгында RGB каналларына әйләндер.
- Каналларны 255‑кә бүл һәм аларның максимум һәм минимумын ал.
- Максимум белән минимумның уртача кыйммәте lightness L‑га тиң, аларның таралуы saturation S‑ны билгели.
- Максимумны тота торган канал төсләр түгәрәгендә H‑ны (диградларда) билгели.
Эшләгән үрнәк
CMYK‑тан RGB‑га адым үзе инде якынча һәм HSL кыйммәтләре бөтен саннарга түгәрәкләнә. Нәтиҗә төгәл цвет‑менеджментлы конверсия түгел, ләкин бик якын туры килә.
CMYK һәм HSL аңлатмасы
CMYK нәрсә ул?
CMYK — бастыруда кулланыла торган дүрт сыеклык моделе: cyan, magenta, yellow һәм key (black), һәркайсы 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(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%) |