அச்சு palette ஐ வலைக்கு கொண்டு வர HSL இல் செய்வது எளிது: ஒருமுறை உன் இன்க் கலவை hue, saturation மற்றும் lightness ஆக வெளிப்படுவதைப்பின், அதிலிருந்து hover states, tints மற்றும் shades வெறும் நொடிகளில் உருவாக்கலாம்.
CMYK ஐ HSL ஆக மாற்றுவது எப்படி
- CMYK சதவீதங்களை நிலையான Coated FOGRA39 சுயவிவரத்துடன் 0 முதல் 255 வரையிலான sRGB சேனல்களாக மாற்றவும்.
- சேனல்களை 255 க்கு வகித்து அவைகளின் அதிகபட்சமும் குறைந்தபட்சமும் எடு.
- அதிகபட்சம் மற்றும் குறைந்தபட்சத்தின் சராசரி lightness L ஆகும், அவற்றின் பரவல் saturation S ஐ இயக்குகிறது.
- அதிகபட்சத்தை வைத்திருக்கும் சேனல் நிற சக்கரத்தில் degree யில் hue H ஐ தீர்மானிக்கிறது.
உதாரணம்
CMYK இலிருந்து RGB படி நிலையான Coated FOGRA39 சுயவிவரத்தைப் பயன்படுத்துகிறது, எனவே பிற CMYK சுயவிவரங்கள் (உதாரணமாக உங்கள் அச்சகத்திலிருந்து) வேறுபட்ட எண்களைத் தரும். HSL மதிப்புகள் முழு எண்களுக்கு வட்டமிடப்படுகின்றன.
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(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%) |