Басмадан келип, вебте ошол эле түс керекпи? CMYKдан HEXке айлантуу сия аралашмасын экранга мүмкүн болушунча жакын кылып табат, CSS, Figma же бренд баракчага чаптоо үчүн даяр.
CMYK дан HEX га кантип айландыруу иштейт
- Бардык төрт CMYK пайызын 100гө бөл.
- Алгач key компонентин колдо: ар бир канал (1 − K) менен масштабдалат.
- Каналдарды эсептe: 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 |