Chop palitrasini web ga olib kelish HSL da osonroq: bir marta siyoh aralashmangizni hue, saturation va lightness ga aylantirsang, undan hover holatlari, tints va shades ni soniyalar ichida qurishing mumkin.
CMYK dan HSL ga konvertatsiya qanday ishlaydi
- CMYK foizlarini 0 dan 255 gacha RGB kanallariga aylantir.
- Kanallarni 255 ga bo‘lib ularning maksimal va minimalini ol.
- Maksimal va minimalning o‘rta qiymati lightness L, ularning tarqalishi esa saturation S ni belgilaydi.
- Maksimalni ushlab turgan kanal rang g‘ildiragida hue H ni darajada aniqlaydi.
Amaliy misol
CMYK dan RGB ga bosqich allaqachon taxminiy va HSL qiymatlari butun sonlarga yaxlitlanadi. Natija rang‑boshqaruvli konversiya emas, lekin juda yaqin moslik beradi.
CMYK va HSL tushuntirildi
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 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 dan HSL ga referens jadvali
Eng ommabop CSS ranglari, CMYK dan HSL ga konvertatsiya qilingan.
| Rang | 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%) |