Paletteyên ku di HSL de têne dizayn kirin gelek caran li ser kâğıt dijînin. Ev veguherîner hue, saturation û lightness ku tu hilbijartî wergirt û çar sedîyên mêxîyê dide ku dûkanê çap bi wan dixebite.
Çawa guhertina ji HSL bo CMYK dixebite
- Treplê HSL bo kanalên RGB di navbera 0 û 255 de biguherîne.
- Ew kanalan bi veqetandina 255 normalkirin.
- Key component K = 1 − max(R, G, B) hesab bike.
- C, M û Y ji kanalên mayîndar derxîne û hemû çar nirx biguherîne bo sedî.
Mînakî ku xebitî
Du veguherîn zêde bi hev re têne kirin, ji ber vê yekê round kirin dua caran dikeve — û CMYK bê profîla rengî jî heta herî zêde teqrîbî dimîne. Li benda ku encama çapkirî biraz kêm jûr û jî tazetir xuya bibe ji pêşdîtina HSL.
HSL û CMYK vekirî
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
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
Tabela referansê ji HSL bo CMYK
Renganên herî gelek di CSS de, guhertî ji HSL bo CMYK.
| Reng | 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%) |