HSL-де жасалған палитра әдетте қағазға шығарылады. Бұл конвертер таңдаған hue, saturation және lightness негізінде баспа үйі қолданатын төрт сия пайызын қайтарады.
HSL-тан CMYK-қа түрлендіру қалай жұмыс істейді
- HSL үштігін 0–255 аралығындағы RGB арналарға түрлендір.
- Оларды sRGB мәндері ретінде оқы және түсті Coated FOGRA39 профилінен тап.
- Салыстырмалы колориметриялық әдісті қара нүкте компенсациясымен қолдан, сонда ақ түс қағаз ақтығын сақтайды, ал қара түс баспа машинасы баса алатын ең қою сияға сәйкес келеді.
- Төрт сия мәнін бүтін пайызға дөңгелектеп ал. Олар Photoshop-тың Еуропа үшін әдепкі CMYK параметрін ұстанады.
Жұмыс істейтін мысал
Екі түрлендіру қатар жүреді, сондықтан дөңгелектеу екі рет болады, ал CMYK қадамы стандартты Coated FOGRA39 профилін қолданады. Басқа 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(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |