Басма палитрасын вебке алып келүү HSLде жеңилирээк: сия аралашмасы тон, насыктуулук жана жарыктуулук менен берилгенден кийин, сен ошондон эле hover абалдарын, ачык жана караңгы варианттарды секунддар ичинде куруп аласың.
CMYK дан HSL га кантип айландыруу иштейт
- CMYK пайыздарын Coated FOGRA39 профили менен 0дөн 255ке чейинки sRGB каналдарына айландыр.
- Каналдарды 255ке бөлүп, алардын максимумун жана минимумун ал.
- Максимум менен минимумдун орточосу lightness L болуп саналат, алардын айырмасы saturation Sти аныктайт.
- Максимумду кармаган канал түстөр доорусундагы 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%) |