HSL-də dizayn edilmiş palitralar tez-tez kağıza düşür. Bu çevirici seçdiyin hue, saturation və lightness-i götürüb çap studiyasının işlədiyi dörd mürəkkəb faizini qaytarır.
Necə işləyir: HSL-dən CMYK-ya çevirmə
- HSL üçlüsünü 0–255 arası RGB kanallarına çevir.
- O kanalları 255-ə bölərək normallaşdır.
- Key komponenti hesabla: K = 1 − max(R, G, B).
- Qalan kanallardan C, M və Y-ni çıxar və dördünü faizə çevir.
İş nümunəsi
İki çevirmə ardıcıl baş verir, ona görə yuvarlaqlaşdırma iki dəfə olur — və CMYK color profile olmadan yaxınlaşma olaraq qalır. Çap nəticəsinin HSL önizləməsindən bir az daha az canlı olacağını gözlə.
HSL və CMYK izahı
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 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-dən CMYK-ya istinad cədvəli
Ən çox istifadə olunan CSS rəngləri, HSL-dən CMYK-ya çevrilib.
| Rəng | 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%) |