Տպագրական պալետը վեբ տեղափոխելը HSL-ով ավելի պարզ է. երբ մելնակի խառնուրդը արտահայտված է hue, saturation և lightness-ով, կարող ես երկու վայրկյանում սարքել hover վիճակներ, tints և shades:
Ինչպես է աշխատում CMYK-ից HSL-ի փոխարկումը
- Փոխարկիր CMYK տոկոսները sRGB ալիքների՝ 0-ից 255 միջակայքում Coated FOGRA39 պրոֆիլով։
- Բաժանիր ալիքները 255-ի վրա և վերցրու նրանց առավելագույնը և նվազագույնը.
- Ամենաբարձր և ամենացածր արժեքների միջինը հանդիսանում է lightness L, նրանց տարբերությունը հանգեցնում է saturation S-ին.
- Առավելագույնը պահող ալիքը որոշում է hue-ն H-ը աստիճաններով գույնի անիվի վրա.
Օրինակ աշխատանքի մեջ
CMYK-ից RGB քայլը օգտագործում է ստանդարտ Coated FOGRA39 պրոֆիլը, ուստի այլ CMYK պրոֆիլներ (օրինակ՝ տպարանից) տալիս են այլ թվեր։ HSL արժեքները կլորացված են ամբողջ թվերի։
CMYK և HSL բացատրություն
Ի՞նչ է CMYK-ը?
CMYK-ը տպագրության մեջ օգտագործվող չորս թանաքի մոդելն է՝ cyan, magenta, yellow և key (սև), յուրաքանչյուրը տոկոսով 0-ից 100։ Թանաքը լույսը կլանում է, այլ ոչ թե արձակում, ուստի CMYK-ն ընդգրկում է ավելի քիչ գույներ, քան էկրանը, և դրա պատճառով էկրանի պայծառ գույները տպագրվելուց հետո հաճախ ավելի աղոտ են թվում։
- Սինտաքս:
- cmyk(C%, M%, Y%, K%)
- Միջակայք:
- 0–100% յուրաքանչյուր թանաքի համար
- Լավ է համար:
- տպագրություն, փաթեթավորում, տպագրության համար պատրաստ արվեստ
Ի՞նչ է HSL-ը?
HSL-ը բաժանվում է երանգի (0–360° գույնի վհուլակ), յունիվերսի (ինչքան գունավոր, 0–100%) և լույսայնության (ինչքան լուսավոր, 0–100%)։ Քանի որ յուրաքանչյուր մասը համապատասխանում է այն ձևին, որով մարդիկ նկարագրում են գույնը, HSL-ը ամենահեշտ ֆորմատն է երանգներ, ստվերներ և համաչափ փալետներ ստեղծելու համար՝ ձեռքով կամ կոդով։
- Սինտաքս:
- hsl(H, S%, L%)
- Միջակայք:
- 0–360°, 0–100%, 0–100%
- Լավ է համար:
- փալետներ, երանգներ և ստվերներ, թեմինգ
CMYK-ից HSL-ի հղման աղյուսակ
Ամենատարածված CSS գույները, փոխարկված CMYK-ից HSL-ին.
| Գույն | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |