HSL-ում նախագծված պալետները հաճախ հայտնվում են թղթի վրա. այս փոխարկիչը վերցնում է քո ընտրած hue, saturation և lightness-ը և վերադարձնում է այն չորս մելնակի տոկոսի, որոնցով տպարանը աշխատում է.
Ինչպես է աշխատում HSL-ից CMYK-ի փոխարկումը
- Փոխարկիր HSL եռյակը RGB ալիքների՝ 0-ից 255-ի միջակայքում.
- Նորմալիզացրու այդ ալիքները՝ բաժանելով 255-ի վրա.
- Հաշվիր key բաղադրիչը K = 1 − max(R, G, B).
- Ձևիր C, M և Y-ն մնացած ալիքներից և բոլոր չորսը փոխարկիր տոկոսների.
Օրինակ աշխատանքի մեջ
Ցանկացած երկու փոխարկումների պատճառով տեղի է ունենում կրկնակի փափկեցում — և CMYK-ն մնում է մոտավորություն առանց գույնի պրոֆիլի. սպասիր, որ տպագիր արդյունքը փոքր-ինչ कम կբացվեր, քան HSL պատկերը.
HSL և CMYK բացատրություն
Ի՞նչ է HSL-ը?
HSL-ը բաժանվում է երանգի (0–360° գույնի վհուլակ), յունիվերսի (ինչքան գունավոր, 0–100%) և լույսայնության (ինչքան լուսավոր, 0–100%)։ Քանի որ յուրաքանչյուր մասը համապատասխանում է այն ձևին, որով մարդիկ նկարագրում են գույնը, HSL-ը ամենահեշտ ֆորմատն է երանգներ, ստվերներ և համաչափ փալետներ ստեղծելու համար՝ ձեռքով կամ կոդով։
- Սինտաքս:
- hsl(H, S%, L%)
- Диապազոն:
- 0–360°, 0–100%, 0–100%
- Լավ է համար:
- փալետներ, երանգներ և ստվերներ, թեմինգ
Ի՞նչ է CMYK-ը?
CMYK-ը տպագրության մեջ օգտագործվող չորս գույնի մոդելն է՝ cyan, magenta, yellow և key (սեւ), յուրաքանչյուրն համարվելով տոկոսային՝ 0-ից 100։ Սնուցիչը խլում է լույսը במקום այն արձակելու, այդ պատճառով CMYK-ը ընդգրկում է պակաս գույներ, քան էկրանն — ահա թե ինչու էկրանի պայծառ գույները տպագրությանց հետո հաճախ ավելի մթագնում են։
- Սինտաքս:
- cmyk(C%, M%, Y%, K%)
- Диապազոն:
- 0–100% յուրաքանչյուր թանաքի համար
- Լավ է համար:
- տպագրություն, փաթեթավորում, տպագրության համար պատրաստ արվեստ
HSL-ից CMYK-ի հղման աղյուսակ
Ամենատարածված CSS գույները, փոխարկված HSL-ից CMYK-ին.
| Գույն | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |