Хэвлэлийн эх сурвалжаас ирсэн өнгийг вэб дээр адил харагдуулах хэрэгтэй юу? CMYK-ийг HEX болгон хөрвүүлэх нь бэхний холимогийн дэлгэцийн хамгийн ойрын эквивалентыг өгч, CSS, Figma эсвэл брэндийн хуудас руу хуулахад бэлэн болгоно.
CMYK-г HEX-руу хэрхэн хөрвүүлдэг вэ
- Бүх CMYK хувийг 100-аар хуваа.
- Эхлээд key бүрэлдэхүүнийг хэрэглэ: бүх сувгийг (1 − K)-аар масштаблав.
- Сувгуудыг тооцоол: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Сувгуудыг дугуйлж, хоёр HEX цифрээр бичиж, # ард нь нийлүүл.
Ажлын жишээ
Тодорхой давтамжтай ойролцоолол. CMYK нь дэлгэцнээс өнгийн бага хүрээг хамардаг тул HEX үр дүн нь өнгөний менежменттэй тааралдал биш, харин үнэн төрхийг урьдчилсан харуулалт юм — үүнд press-ийн ICC профайл шаардлагатай.
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(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 |