Rengên çap bo wêbê di HSL de hêsantir in: dema ku te tevgera mêxî wek hue, saturation û lightness nîşan da, tu dikarî di çirûskên hover, tint û shade de di çirrekê de çêbike.
Çawa guhertina ji CMYK bo HSL dixebite
- Sedên CMYK bi profîla Coated FOGRA39 veguherîne kanalên sRGB di navbera 0 û 255 de.
- Kanalan bi 255 parçe bike û herî zêde û herî kêmên wan bistîne.
- Navînê herî zêde û herî kêm L (lightness) e, û vegerê wan cihê saturation S derdikeve.
- Kanalê ku herî zêde ye hue H li dereceyên çarçoveya rengan diyar dike.
Mînakî ku xebitî
Pêngava CMYK bo RGB profîla standard Coated FOGRA39 bikar tîne, ji ber vê yekê profîlên CMYK yên din (mînak ji dûkana çapê ya te) jimareyên cuda didin. Nirxên HSL bi jimareyên tam têne ronde kirin.
CMYK û HSL vekirî
CMYK çi ye?
CMYK modeli çar-mesheq e ku di çapkirinê de tê bikar anîn: cyan, magenta, zer û key (reş), her yek wek sedeyek ji 0 heta 100. Mesheq ronahî ji nav derdixe ne ji xwe rakirî, ji ber vê yekê CMYK kêmrengtir dikeve di doza ekranê de — hinek rengên ronah ên ser ekran dê di çapê de xuşîn bûnê nîşan bidin.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Baştirîn ji bo:
- çap, pakêt, artwork amade bo press
HSL çi ye?
HSL rengek di sê beşan de dikeve: hue (0–360° li ser çarçoveya rengan), saturation (çawa rengdar, 0–100%) û lightness (çawa ronahî, 0–100%). Ji ber ku her beş wek awayê mirovan reng îzah dikin têkildar e, HSL hêsantirîn format e bo avakirinê tint, shade û paletên pêwist — bi dest an di kodê de.
- Sintaks:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Baştirîn ji bo:
- palet, tint û shade, theming
Tabela referansê ji CMYK bo HSL
Renganên herî gelek di CSS de, guhertî ji CMYK bo HSL.
| Reng | 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%) |