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îyên CMYK biguherîne bo kanalên RGB 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î
Gava CMYK bo RGB tê veguherîn jixwe teqrîbî ye û nirxên HSL bo hejmarên temamî ronde dikin. Encam nêzîkîye girîng e, ne veguherîna bi kontrola rengê.
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(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%) |