საბეჭდი პალიტრის ვებზე გადატანა HSL-ში მარტივია: როცა შენი მელნის ნარევი გამოისახება ჰიუს, გაჯერებისა და სიკაშკაშის სახით, მისგან წამებში შეგიძლია ჰოვერის მდგომარეობები, ტინტები და ჩრდილები შექმნა.
როგორ მუშაობს CMYK-დან HSL-ში კონვერსია
- გადააქციე CMYK პროცენტები sRGB არხებად 0-დან 255-მდე Coated FOGRA39 პროფილით.
- გაახლი არხები 255‑ზე და მიიღე მათი მაქსიმე და მინიმუმი.
- მაქსიმუმისა და მინიმუმის საშუალო არის სიკაშკაშე L, მათი სხვაობა კი აგზავნის გაჯერებას S.
- არხი, რომელსაც აქვს მაქსიმუმი, განსაზღვრავს ჰიუს H გრადუსებში ფერის წრეზე.
გასამშრომლებელი მაგალითი
CMYK-დან RGB-ზე გადასვლა სტანდარტულ Coated FOGRA39 პროფილს იყენებს, ამიტომ სხვა CMYK პროფილები (მაგალითად, შენი სტამბიდან) სხვა რიცხვებს იძლევა. 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(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%) |