ბეჭდვითი პალიტრის ვებზე მოტანა HSL‑ში მარტივია: ერთხელ როცა შენი საღებავი გამოხატულია ჰიუს, გაჯერებისა და სიკაშკაშის სახით, შეგიძლია წამში შექმნა ჰოვеры, ტინტები და შేడები.
როგორ მუშაობს CMYK-დან HSL-ში კონვერსია
- გააქციო CMYK პროცენტები RGB არხებად 0–დან 255‑მდე.
- გაახლი არხები 255‑ზე და მიიღე მათი მაქსიმე და მინიმუმი.
- მაქსიმუმისა და მინიმუმის საშუალო არის სიკაშკაშე L, მათი სხვაობა კი აგზავნის გაჯერებას S.
- არხი, რომელსაც აქვს მაქსიმუმი, განსაზღვრავს ჰიუს H გრადუსებში ფერის წრეზე.
გასამშრომლებელი მაგალითი
CMYK‑დან RGB‑მდე ნაბიჯი უკვე aproxima‑ა და HSL მნიშვნელობები შეკვეცილია მთელ რიცხვებამდე. შედეგად მიიღება ძალიან ახლო შესაბამისობა, არა ფერ-მენეჯმენტირებული კონვერტაცია.
CMYK და HSL ახსნილი
რას წარმოადგენს CMYK?
CMYK არის ოთხი მელნის მოდელი საბეჭდ დანიშნულებისთვის: cyan, magenta, yellow და key (black), თითოეული პროცენტულ მნიშვნელობაში 0–100%. მელანი აქვე ამცირებს სინათლეს გამონადენის ნაცვლად, ამიტომ CMYK ფერების დიაპაზონი მცირეა ეკრანისას — რის გამოც ნათელი ეკრანის ფერები ხშირად უკეთესი არ გამოიყურება ბეჭდვაზე.
- სინტაქსი:
- cmyk(C%, M%, Y%, K%)
- დიაპაზონი:
- 0–100% თითო მელნისთვის
- საუკეთესო მისთვის:
- ბეჭდვა, შეფუთვა, პრესისთვის მზად ნამუშევარი
რას წარმოადგენს HSL?
HSL აყოფს ფერს შეფერილობაზე (0–360° ფერის წრეზე), სარჩულზე (რაად გადაამრთველია ფერი, 0–100%) და სიკაშკაშეზე (თუ რამდენად ბრწყინავს, 0–100%). რადგან თითოეული ნაწილი ჰარმონიულად ეწყობა იმას, თუ როგორ აღწერენ ადამიანები ფერს, HSL არის ყველაზე მარტივი ფორმატი ტონების, ჩრდილების და თანმიმდევრი პალეტების შესაქმნელად — ხელით ან კოდში.
- სინტაქსი:
- hsl(H, S%, L%)
- დიაპაზონი:
- 0–360°, 0–100%, 0–100%
- საუკეთესო მისთვის:
- პალეტები, ტონები და ჩრდილები, თემინგი
CMYK to HSL სამოხელეო ცხრილი
ყველაზე გავრცელებული CSS ფერები, გადაკეთებული CMYK-დან HSL-ში.
| ფერი | 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%) |