პირვიტიდან მოდიხარ და იგივე ფერი ვებზე გჭირდება? CMYK-ის HEX-ში გადაყვანა მოგცემს მელნის ნაზავის უახლოეს ეკრანულ ეკვივალენტს, მზა CSS-თვის, Figma-სთვის ან ბრენდის ფურცლისთვის.
როგორ მუშაობს CMYK-დან HEX-ში კონვერსია
- ყოველ ოთხ CMYK პროცენტს გაყავი 100–ით.
- პირველად იყენე კის კომპონენტი: ყოველ არხს გაუხანგრძლივე (1 − K)-ზე.
- ანგარიშდე არხები: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- დაახურდავე თითო არხი, დაწერე როგორც ორი ჰექსადეციმალური ციფრი და შეაერთე #-ის უკან.
გასამშრომლებელი მაგალითი
ბუნებით დაახლოებითა. CMYK ფერების დიაპაზონი ეკრანისაზე მცირეა, ამიტომ HEX შედეგი უფრო წინასწარი ხედვაა ვიდრე ფერებით მართვადი შესაბამისობა — ამისთვის საჭირო იქნებოდა წრესის ICC პროფილი.
CMYK და HEX ახსნილი
რას წარმოადგენს CMYK?
CMYK არის ოთხი მელნის მოდელი საბეჭდ დანიშნულებისთვის: cyan, magenta, yellow და key (black), თითოეული პროცენტულ მნიშვნელობაში 0–100%. მელანი აქვე ამცირებს სინათლეს გამონადენის ნაცვლად, ამიტომ CMYK ფერების დიაპაზონი მცირეა ეკრანისას — რის გამოც ნათელი ეკრანის ფერები ხშირად უკეთესი არ გამოიყურება ბეჭდვაზე.
- სინტაქსი:
- cmyk(C%, M%, Y%, K%)
- დიაპაზონი:
- 0–100% თითო მელნისთვის
- საუკეთესო მისთვის:
- ბეჭდვა, შეფუთვა, პრესისთვის მზად ნამუშევარი
რას წარმოადგენს HEX?
HEX კოდი არის ქვესტი ექვსი ჰექსადეციმალური სიმბოლო, რომელიც ინახავს ფერის წითელ, მწვანე და ლურჯ არხებს წინმორბედ #-თან ერთად. თითოეული წყვილი სიმბოლოები ასახავს ერთ არხს 00–დან FF-მდე, რაც იძლევა იგივე 16.7 მილიონ ფერს რაც RGB, მაგრამ მოკლე ნოტაციაში. HEX არის სტანდარტი CSS-ში, დიზაინის ინსტრუმენტებში და ბრენდის გზამკვლავებში.
- სინტაქსი:
- #RRGGBB
- დიაპაზონი:
- 00–FF თითო არხისთვის
- საუკეთესო მისთვის:
- CSS, დიზაინის გადაცემები, ბრენდის წესები
CMYK to HEX სამოხელეო ცხრილი
ყველაზე გავრცელებული CSS ფერები, გადაკეთებული CMYK-დან HEX-ში.
| ფერი | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |