Եթե գալիս ես տպագրությունից ու քեզ պետք է նույն գույնը վեբում՝ 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).
- Կլորացրեք յուրաքանչյուր ալիքը, գրեք այն որպես երկու հեքսադեցիմալ թվանշան եւ միացրեք #‑ի հետեւում.
Օրինակ աշխատանքի մեջ
Բնականաբար մոտավոր. 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 (ամբողջը), և այն տալիս է նույն 16.7 միլիոն գույները, ինչ RGB-ը՝ ավելի սեղմ գրառմամբ։ 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 |