HSL da yaratilgan palitrlar ko‘pincha qog‘ozga tushadi. Bu konverter tanlagan hue, saturation va lightness ni oladi va chopxona ishlatadigan to‘rt siyoh foizlarini qaytaradi.
HSL dan CMYK ga konvertatsiya qanday ishlaydi
- HSL uchligini 0 dan 255 gacha RGB kanallariga aylantir.
- Ushbu kanallarni 255 ga bo‘lib normallashtir.
- Key komponent K = 1 − max(R, G, B) ni hisobla.
- Qolgan kanallardan C, M va Y ni hosil qil va barchasini foizlarga aylantir.
Amaliy misol
Ikki konversiya ketma‑ket sodir bo‘ladi, shuning uchun ikki marta yaxlitlash yuz beradi — va CMYK rang profilisiz hamon taxmin hisoblanadi. Chop etilgan natija HSL ko‘rinishiga qaraganda biroz kam jonli bo‘lishi mumkin.
HSL va CMYK tushuntirildi
HSL nima?
HSL rangni ohang (rang g‘ildiragida 0–360°), to‘yinganlik (qanchalik rangli, 0–100%) va yoritilish (qanchalik yorqin, 0–100%) ga ajratadi. Har bir qism insonlar rangni tasvirlash usuliga mos kelgani uchun HSL plitalar, soyalar va bir xildagi palitralarni — qo‘l bilan yoki kodda — yaratishda eng oson format hisoblanadi.
- Sintaksis:
- hsl(H, S%, L%)
- Oraliq:
- 0–360°, 0–100%, 0–100%
- Eng yaxshi uchun:
- palitralar, tinter va soyalar, temalash
CMYK nima?
CMYK — bosma uchun ishlatiladigan to‘rt siyoh modeli: cyan, magenta, yellow va key (qora), har biri 0 dan 100% gacha foiz ko‘rinishida. Siyoh yorug‘likni chiqarish o‘rniga olib tashlaydi, shuning uchun CMYK ekran qamragan ranglardan kamroqni qamrab oladi — shu bois ekranlardagi yorqin ranglar chop etilganda ko‘pincha so‘nib ko‘rinadi.
- Sintaksis:
- cmyk(C%, M%, Y%, K%)
- Oraliq:
- Har siyoh uchun 0–100%
- Eng yaxshi uchun:
- bosma, qadoqlash, pressga tayyor grafikalar
HSL dan CMYK ga referens jadvali
Eng ommabop CSS ranglari, HSL dan CMYK ga konvertatsiya qilingan.
| Rang | 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%) |