මුද්රණ පැලට් එක වෙබ්ට ගෙන ඒම HSL හි නිතර පහසුයි: ඔයාගේ තිහිණි මිශ්රණය hue, saturation සහ lightness ලෙස ප්රකාශ කළ පසු, ඒකෙන් hover states, tints සහ shades තත්පර wenigen න් ගොඩනගා ගත හැක.
CMYK සිට HSL පරිවර්තනය කෙසේ සිදු වෙයි
- CMYK ප්රතිශත RGB නාලිකා 0–255 ලෙසට පරිවර්තනය කරන්න.
- නාලිකා 255 දී බෙදා ඔවුන්ගේ උපරිමය සහ අඛණ්ඩය ගන්න.
- උපරිමය සහ අඛණ්ඩයේ මධ්යයය lightness L වේ, ඔවුන්ගේ විතරණය saturation S නියාමනය කරයි.
- උපරිමය අඩංගු කරන නාලිකාව hue H වර්ණ චක්රයේ ඩිග්ර පාදකව නියම කරයි.
කාර්යක්ෂම උදාහරණය
CMYK සිට RGB වෙත පියවරයම ආනුමානීය වේ සහ 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(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |