Баспа жәрдемінен келіп, сол түсті вебте керек пе? 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 (қара), әрқайсысы 0–100% аралығында көрсетіледі. Сия жарықты шығару орнына салады (шығарады емес), сондықтан CMYK экранға қарағанда азырақ түсті қамтиды — соның нәтижесінде экрандағы ашық түстер басылғанда күңгірт көрінуі мүмкін.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Ауқымы:
- Сия бойынша 0–100%
- Үшін ең жақсы:
- баспа, орау, баспаға дайын өнер туындылары
HEX деген не?
HEX коды алдыңғы # таңбасымен бірге үш арнаның — қызыл, жасыл және көк — мәндерін сақтайтын алты таңбалы оналтылық сан. Әр жұп таңба бір арнаны білдіреді, 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 |