Хэвлэлийн эх сурвалжаас ирсэн өнгийг вэб дээр адил харагдуулах хэрэгтэй юу? CMYK-ийг HEX болгон хөрвүүлэх нь бэхний холимогийн дэлгэцийн хамгийн ойрын эквивалентыг өгч, CSS, Figma эсвэл брэндийн хуудас руу хуулахад бэлэн болгоно.
CMYK-г HEX-руу хэрхэн хөрвүүлдэг вэ
- Дөрвөн CMYK хувийг Coated FOGRA39 профайлын бэхний хэмжээ гэж ав.
- Тэр бэхний холимогийн хувьд профайлын хэвлэх өнгийг унш, харьцангуй колориметрийн зорилго болон хар цэгийн нөхөн олговорыг ашиглан.
- Тэр өнгийг sRGB руу хөрвүүл. Дэлгэц харуулах боломжгүй өнгийг харуулж чадах хамгийн ойрын утга руу тайруулна.
- Сувгуудыг дугуйлж, хоёр HEX цифрээр бичиж, # ард нь нийлүүл.
Ажлын жишээ
Энэ нь таны хэвлэлийн машины профайл биш, харин стандарт Coated FOGRA39 профайлыг ашигладаг. Бусад CMYK профайл (жишээлбэл хэвлэлийн газраас) өөр тоо өгдөг тул HEX үр дүнг найдвартай урьдчилсан харагдац гэж үзэж, брэндэд чухал өнгөнүүдийг туршилтын хэвлэлтээр шалга.
CMYK ба HEX тайлбарласан
CMYK гэж юу вэ?
CMYK нь хэвлэлтэнд ашиглагддаг дөрвөн бэхний модель: cyan, magenta, yellow болон key (black), тус бүр нь 0–100% хүртэл хувь. Бэх нь гэрлийг ялгаж авдаг тул дэлгэцнээс харьцангуй бага өнгийг хамардаг — тиймээс дэлгэцэн дээр тод харагдсан өнгө хэвлэхэд барагдуулах үед бүдэг харагддаг.
- Синтакс:
- cmyk(C%, M%, Y%, K%)
- Хүрээ:
- Бэх бүрээр 0–100%
- Хамгийн тохиромжтой:
- хэвлэл, савлагаа, хэвлэхэд бэлэн зураг
HEX гэж юу вэ?
HEX код нь өнгийн улаан, ногоон, цэнхэр сувгийг удирдсан зургаан оронтой 16-н үндсэн тоо бөгөөд урьдчилсан # тэмдэгтэй байна. Нэг сугалаа нь нэг сувгийг илэрхийлж, 00 (өгөгдөлгүй)–FF (бүтэн) хүртэл утгатай тул RGB-ийн 16.7 сая өнгийг илэрхийлэх богино тэмдэглэгээ юм. HEX нь CSS, дизайн хэрэгсэл болон брэнд удирдамжийн хэвшмэл анхдагч формат юм.
- Синтакс:
- #RRGGBB
- Хүрээ:
- Сувгаар 00–FF
- Хамгийн тохиромжтой:
- CSS, загвар шилжүүлэг, брэнд удирдамж
CMYK-г HEX-руу лавлах хүснэгт
Хамгийн түгээмэл CSS өнгөнүүд, CMYK-аас HEX-руу хөрвүүлсэн.
| Өнгө | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |