HSLде түзүлгөн палитралар көбүнчө кагазга чыгат. Бул конвертер сен тандаган hue, saturation жана lightnessти алып, басма цех колдонгон төрт сия пайызын кайтарат.
HSL дан CMYK га кантип айландыруу иштейт
- HSL үчтүгүн 0дан 255ке чейинки RGB каналдарына котор.
- Алардын каналдарын 255ке бөлүп нормалда.
- Key компонентти эсепте: 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 (кара), ар бири 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%) |