நிற மாற்றி
ஒரு hex நிறக் குறியீட்டை உள்ளிட்டு, அதன் RGB மற்றும் HSL சமமான மதிப்புகளைத் தனிப்பட்ட சிவப்பு, பச்சை மற்றும் நீல சேனல் மதிப்புகளுடன் பார்க்கவும்.
இந்த வண்ண மாற்றியை எவ்வாறு பயன்படுத்துவது
- ஹெக்ஸ் வண்ணக் குறியீட்டை உள்ளிடவும்
ஹெக்ஸ் வண்ணக் குறியீடு புலத்தில் 6-இலக்க ஹெக்ஸ் குறியீட்டைத் தட்டச்சு செய்யவும் (எ.கா. FF6B35 அல்லது 00FF88). # குறியீட்டைத் தவிர்க்கவும்.
- RGB மதிப்புகளைப் படிக்கவும்
சிவப்பு (Red), பச்சை (Green) மற்றும் நீலம் (Blue) சேனல் முடிவுகள் ஒவ்வொரு கூறுகளுக்கும் 0–255 மதிப்புகளைக் காட்டுகின்றன.
- HSL வெளியீட்டைச் சரிபார்க்கவும்
நிறம் (hue - 0–360°), செறிவு (saturation) மற்றும் வெளிச்சம் (lightness) ஆகியவற்றிற்கான HSL முடிவை மதிப்பாய்வு செய்யவும் — இது வண்ண மாற்றங்களுக்குப் பயனுள்ளதாக இருக்கும்.
இந்த நிற மாற்றி எவ்வாறு செயல்படுகிறது
இந்தக் கருவி ஒரு ஹெக்ஸாடெசிமல் நிறக் குறியீட்டை RGB (சிவப்பு, பச்சை, நீலம்) மற்றும் HSL (நிறம், செறிவு, ஒளிர்வு) வடிவங்களாக மாற்றுகிறது. ஒவ்வொரு ஹெக்ஸ் ஜோடியும் 8-பிட் சேனல் மதிப்பிற்கு (0–255) மாற்றப்படுகிறது, மேலும் HSL மாற்றம் நிலையான வண்ண இடக் கணிதத்தைப் பயன்படுத்துகிறது.
R = hex[0:2] → தசமம்; G = hex[2:4] → தசமம்; B = hex[4:6] → தசமம் Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — சுத்தமான கருப்பு.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — சுத்தமான வெள்ளை. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — நடுத்தர சாம்பல்.
- ✓ உள்ளீடு ஒரு சரியான 6-இலக்க ஹெக்ஸ் நிறக் குறியீடாகும்.
- ✓ இந்த பதிப்பில் ஆல்பா சேனல் ஆதரிக்கப்படவில்லை.
- CMYK மாற்றத்திற்கு ஒரு வண்ண விவரக்குறிப்பு தேவைப்படுகிறது, அது இங்கு சேர்க்கப்படவில்லை.
வண்ண மாதிரிகளைப் புரிந்துகொள்ளுதல்
HEX, RGB மற்றும் HSL ஆகியவை ஒரே வண்ணத்தை விவரிக்கப் பயன்படும் வெவ்வேறு வழிகள். HEX என்பது RGB-ஐ 6-இலக்க பதினறும (hexadecimal) சரமாக குறியாக்குகிறது: ஒவ்வொரு ஜோடி எழுத்துக்களும் ஒரு 8-பிட் சேனல் (0–255) ஆகும். RGB அதே மதிப்புகளை மூன்று எண்களாக வெளிப்படுத்துகிறது, இவை திரைகள் வெளியிடும் கூடுதல் முதன்மை வண்ணங்கள். HSL (Hue, Saturation, Lightness) என்பது ஒரு உருளை மாதிரி: hue என்பது வண்ணச் சக்கரத்தில் உள்ள கோணம் (0° சிவப்பு, 120° பச்சை, 240° நீலம்), saturation என்பது வண்ணத்தின் செறிவு, மற்றும் lightness என்பது பிரகாசம். நிரல் ரீதியாக வண்ணங்களைச் சரிசெய்யும்போது வடிவமைப்பாளர்கள் பெரும்பாலும் HSL-ஐ விரும்புகிறார்கள் — நிறத்தை (hue) மாற்றாமல் வெளிச்சத்தை (lightness) மட்டும் மாற்றுவது வண்ணத்தை இருட்டாக்க அல்லது வெளிச்சமாக்க உதவுகிறது, மேலும் செறிவை (saturation) மாற்றுவது வண்ணத்தின் துடிப்பை சரிசெய்கிறது.
வண்ண மாற்றத்திற்கான டெவலப்பர் பயன்பாட்டு நிகழ்வுகள்
வடிவமைப்பு அமைப்புகளை உருவாக்கும்போது, தீம்களைச் செயல்படுத்தும்போது, வண்ணத் தட்டுகளை உருவாக்கும்போது மற்றும் CSS-ஐ பிழைத்திருத்தம் செய்யும்போது டெவலப்பர்கள் வண்ணங்களை மாற்றுகிறார்கள். வடிவமைப்பு டோக்கன்கள் பெரும்பாலும் வண்ணங்களை ஹெக்ஸ் (hex) முறையில் சேமிக்கின்றன; RGB அல்லது HSL ஆக மாற்றுவது ஒளிபுகா மேலடுக்குகள் (opacity overlays) அல்லது அணுகக்கூடிய மாறுபாடு சோதனைகள் (contrast checks) போன்ற இயக்க நேரக் கணக்கீடுகளைச் செய்ய உதவுகிறது. தீம் மாற்றிகளுக்கு HSL-ஐப் பயன்படுத்தி அடிப்படை வண்ணத்திலிருந்து இலகுவான அல்லது இருண்ட மாறுபாடுகளைப் பெற வேண்டியிருக்கலாம். தானியங்கி அணுகல்தன்மை கருவிகள் ஒளிர்வு மற்றும் மாறுபாடு விகிதங்களைக் கணக்கிட வண்ணங்களை மாற்றுகின்றன. லேஅவுட் அல்லது தீமிங் பிழைகளைத் திருத்தும்போது, ஹெக்ஸ் மதிப்பை RGB அல்லது HSL ஆகப் பார்ப்பது எந்த சேனல் தவறாக உள்ளது என்பதைக் கண்டறிய உதவுகிறது. தரவு காட்சிப்படுத்தல், விளக்கப்பட நூலகங்கள் மற்றும் டைனமிக் UI தீமிங் ஆகியவற்றிலும் வண்ண மாற்றம் பயன்படுத்தப்படுகிறது.
அடிக்கடி கேட்கப்படும் கேள்விகள்
நான் 3-இலக்க hex குறியீட்டை உள்ளிடலாமா?
தற்போது இந்தக் கருவி 6-இலக்கக் குறியீட்டை எதிர்பார்க்கிறது. F60 போன்ற 3-இலக்கச் சுருக்கங்களுக்கு, முதலில் அதை FF6600 என விரிவாக்கவும்.
HSL என்றால் என்ன?
HSL என்பது Hue, Saturation, Lightness ஆகியவற்றைக் குறிக்கிறது. இது நிறங்களை விவரிக்க ஒரு மாற்று வழியாகும், சில வடிவமைப்பாளர்கள் இதை RGB-ஐ விட எளிதாகக் கருதுகின்றனர்.