මුද්රණ පැලට් එක වෙබ්ට ගෙන ඒම HSL හි නිතර පහසුයි: ඔයාගේ තිහිණි මිශ්රණය hue, saturation සහ lightness ලෙස ප්රකාශ කළ පසු, ඒකෙන් hover states, tints සහ shades තත්පර wenigen න් ගොඩනගා ගත හැක.
CMYK සිට HSL පරිවර්තනය කෙසේ සිදු වෙයි
- CMYK ප්රතිශත Coated FOGRA39 පැතිකඩ සමඟ 0 සිට 255 දක්වා sRGB නාලිකා බවට පරිවර්තනය කරන්න.
- නාලිකා 255 දී බෙදා ඔවුන්ගේ උපරිමය සහ අඛණ්ඩය ගන්න.
- උපරිමය සහ අඛණ්ඩයේ මධ්යයය lightness L වේ, ඔවුන්ගේ විතරණය saturation S නියාමනය කරයි.
- උපරිමය අඩංගු කරන නාලිකාව hue H වර්ණ චක්රයේ ඩිග්ර පාදකව නියම කරයි.
කාර්යක්ෂම උදාහරණය
CMYK සිට RGB දක්වා පියවර සම්මත Coated FOGRA39 පැතිකඩ භාවිත කරයි, එබැවින් අනෙකුත් CMYK පැතිකඩ (උදාහරණයක් ලෙස ඔබේ මුද්රණ ශාලාවෙන්) වෙනස් අංක දෙයි. HSL අගයන් සම්පූර්ණ සංඛ්යාවලට වටකරනු ලැබේ.
CMYK සහ HSL විස්තර කරන්න
CMYK කියන්නේ කුමක්ද?
CMYK යනු මුද්රණයේදී භාවිතා වන තීන්ත හතරේ ආකෘතියයි: cyan, magenta, yellow සහ key (black), ඒ සෑම එකක්ම 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%) |