Ուզում ես տպագրությունից գույն ցույց տալ էկրանին? CMYK-ից RGB-ի փոխարկումը տալիս է մելնակի տոկոսների լույս-հիմնական համարժեքը՝ այն արժեքները, որոնք մոնիտորը, mockup-ը կամ վեբ էջը կարող են իրականում ցուցադրել.
Ինչպես է աշխատում CMYK-ից RGB-ի փոխարկումը
- Փոխածիր բոլոր չորս տոկոսները ֆրակցիաների՝ 0-ից 1-ի միջև.
- Առաջին հերթին կիրառիր key բաղադրիչը՝ յուրաքանչյուր ալիքը մասշտաբվում է (1 − K)-ով.
- Հաշվիր R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) և B = 255 × (1 − Y) × (1 − K).
- Փափկեցրու բոլոր ալիքները մինչև ամբողջ թվեր 0-ից 255-ի միջև.
Օրինակ աշխատանքի մեջ
Մոտավոր է. էկրանները կարող են ցույց տալ ավելի շատ գույներ, քան մելնակը արտադրում է, այդ պատճառով RGB արդյունքը հաճախ ավելի պայծառ և ավելի սաստկված է թվում, քան տպագիր արդյունքը.
CMYK և RGB բացատրություն
Ի՞նչ է CMYK-ը?
CMYK-ը տպագրության մեջ օգտագործվող չորս գույնի մոդելն է՝ cyan, magenta, yellow և key (սեւ), յուրաքանչյուրն համարվելով տոկոսային՝ 0-ից 100։ Սնուցիչը խլում է լույսը במקום այն արձակելու, այդ պատճառով CMYK-ը ընդգրկում է պակաս գույներ, քան էկրանն — ահա թե ինչու էկրանի պայծառ գույները տպագրությանց հետո հաճախ ավելի մթագնում են։
- Սինտաքս:
- cmyk(C%, M%, Y%, K%)
- Диապազոն:
- 0–100% յուրաքանչյուր թանաքի համար
- Լավ է համար:
- տպագրություն, փաթեթավորում, տպագրության համար պատրաստ արվեստ
Ի՞նչ է RGB-ը?
RGB-ը բնութագրում է գույնը որպես երեք լույսի ալիք՝ կարմիր, կանաչ և կապույտ՝ յուրաքանչյուրը 0-ից 255։ Դա արտացոլում է, թե ինչպես են էկրանները իրականում աշխատում՝ բոլոր երեքը 255-ն են տալիս սպիտակ, բոլորը 0 են տալիս սև։ RGB-ը ճիշտ ընտրությունն է երբ պետք է հաշվարկներ անել գույնի հետ, իսկ rgba() ավելացնում է թափանցիկություն։
- Սինտաքս:
- rgb(R, G, B)
- Диապազոն:
- 0–255 յուրաքանչյուր ալիքի համար
- Լավ է համար:
- կոդ, canvas, թափանցիկություն rgba()-ով
CMYK-ից RGB-ի հղման աղյուսակ
Ամենատարածված CSS գույները, փոխարկված CMYK-ից RGB-ին.
| Գույն | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |