Çap palitrasını vebə gətirmək HSL-də daha asandı: mürəkkəb qarışığı hue, saturation və lightness kimi ifadə olunduqdan sonra ondan hover vəziyyətləri, tints və shades saniyələr içində yarada bilərsən.
Necə işləyir: CMYK-dən HSL-ya çevirmə
- CMYK faizlərini Coated FOGRA39 profili ilə 0 ilə 255 arasında sRGB kanallarına çevir.
- Kanalları 255-ə böl və onların maksimum və minimumunu götür.
- Maksimum və minimumun ortalaması lightness L-dir, aralarındakı fərq isə saturation-u idarə edir.
- Maksimumu tutan kanal rəng dairəsində hue H-i dərəcə ilə müəyyən edir.
İş nümunəsi
CMYK-dan RGB-yə addımı standart Coated FOGRA39 profilindən istifadə edir, ona görə digər CMYK profilləri (məsələn, mətbəənizdən) fərqli rəqəmlər verir. HSL dəyərləri tam ədədlərə yuvarlaqlaşdırılır.
CMYK və HSL izahı
CMYK nədir?
CMYK çapda istifadə olunan dörd mürəkkəb modelidir: cyan, magenta, yellow və key (qara), hər biri 0–100% intervalında. Mürekkeb işığı əks etdirmək əvəzinə əlir, ona görə CMYK ekranın əhatə etdiyi rənglərin bir qismini göstərə bilir — buna görə də parlaq ekran rəngləri çap edildikdə solğun görünə bilər.
- Sintaksis:
- cmyk(C%, M%, Y%, K%)
- Aralıq:
- Hər mürəkkəb üçün 0–100%
- Ən yaxşı üçün:
- çap, qablaşdırma, çap üçün hazır artwork
HSL nədir?
HSL rəngi üç hissəyə bölür: rəng tonu (0–360° rəng çarxında), doymalıq (rəngliliyi, 0–100%) və işıqlandırma (parlaqlıq, 0–100%). Hər hissə insanların rəngi təsvir etmə tərzinə uyğun olduğundan, HSL əl ilə və ya kodda tonlar, kölgələr və uyğun palitralar yaratmaq üçün ən asan formattır.
- Sintaksis:
- hsl(H, S%, L%)
- Aralıq:
- 0–360°, 0–100%, 0–100%
- Ən yaxşı üçün:
- palitralar, tonlar və kölgələr, mövzulaşdırma
CMYK-dən HSL-ya istinad cədvəli
Ən çox istifadə olunan CSS rəngləri, CMYK-dən HSL-ya çevrilib.
| Rəng | 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%) |