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 (black) — එක් එක් එකක් 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%) |