அச்சு palette ஐ வலைக்கு கொண்டு வர HSL இல் செய்வது எளிது: ஒருமுறை உன் இன்க் கலவை hue, saturation மற்றும் lightness ஆக வெளிப்படுவதைப்பின், அதிலிருந்து hover states, tints மற்றும் shades வெறும் நொடிகளில் உருவாக்கலாம்.
CMYK ஐ HSL ஆக மாற்றுவது எப்படி
- CMYK சதவீதங்களை 0–255 இடையிலான RGB சேனல்களாக மாற்று.
- சேனல்களை 255 க்கு வகித்து அவைகளின் அதிகபட்சமும் குறைந்தபட்சமும் எடு.
- அதிகபட்சம் மற்றும் குறைந்தபட்சத்தின் சராசரி lightness L ஆகும், அவற்றின் பரவல் saturation S ஐ இயக்குகிறது.
- அதிகபட்சத்தை வைத்திருக்கும் சேனல் நிற சக்கரத்தில் degree யில் hue H ஐ தீர்மானிக்கிறது.
உதாரணம்
CMYK to RGB படி ஏற்கனவே ஒரு நெருக்கமான கணக்கு; HSL மதிப்புகள் முழு எண்ணுகளுக்கு வட்டமிடப்படுகிறது. முடிவு மிகவும் அருகிலுள்ள மாற்றம்; color-managed conversion ஆகாது.
CMYK மற்றும் HSL விளக்கம்
CMYK என்ன?
CMYK அச்சுப்பதிப்பில் பயன்படுத்தப்படும் நான்கு வண்ண மாதிரி: cyan, magenta, yellow மற்றும் key (கருப்பு), ஒவ்வொன்றும் 0–100% வரை வீதமாகக் கொடுக்கப்படுகிறது. முத்திரை ஒளியை வெளியிடுவதில்லை; அது ஒளியை கழிக்கிறது, அதனால் CMYK திரை வண்ணங்களைவிட குறைந்த நிறங்களை மட்டுமே தருகிறது — இதவே காரணம் சில பிரகாசமான திரை நிறங்கள் அச்சிடும்போது மெல்லியவை போலத் தெரியும்.
- வினியமைப்பு:
- cmyk(C%, M%, Y%, K%)
- வரம்பு:
- ஒவ்வொரு மைநிறத்திற்கும் 0–100%
- சிறந்தது:
- அச்சு, பக்கேஜிங், ப்ரெஸ்-தயார்ப் கலைபணி
HSL என்ன?
HSL ஒரு நிறத்தை மூன்று பகுதிகளாக பிரிக்கிறது: hue (நிற சக்கரத்தில் 0–360°), saturation (எவ்வளவு நிறமுள்ளதே, 0–100%) மற்றும் lightness (பொளி அளவு, 0–100%). ஒவ்வொரு பகுதியும் மனிதர்கள் நிறத்தை விவரிக்கும் முறை match ஆக இருப்பதால், 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%) |