Басмадан келип, вебте ошол эле түс керекпи? CMYKдан HEXке айлантуу сия аралашмасын экранга мүмкүн болушунча жакын кылып табат, CSS, Figma же бренд баракчага чаптоо үчүн даяр.
CMYK дан HEX га кантип айландыруу иштейт
- Төрт CMYK пайызын Coated FOGRA39 профили үчүн сиянын өлчөмү катары кабыл ал.
- Ошол сия аралашмасы үчүн профилдин басып чыгарган түсүн салыштырмалуу колориметриялык ыкманы жана кара чекит компенсациясын колдонуп оку.
- Ал түстү sRGBге айландыр. Экран көрсөтө албаган түстөр экран көрсөтө ала турган эң жакын маанига чейин кесилет.
- Ар бир каналды тегеретип, эки он алтылык цифра катары жазып, # артына бириктир.
Иштеген мисал
Бул сенин басма машинеңдин эмес, стандарттуу Coated FOGRA39 профилин колдонот. Башка CMYK профилдери (мисалы, сенин басмаканаңдан) башка сандарды берет, ошондуктан HEX натыйжасын ишенимдүү алдын ала көрүү катары кабыл ал жана бренд үчүн маанилүү түстөр үчүн басма пробасын текшер.
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(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 |