ImageColorPicker.com

HSL to RGB converter

தேவையான HSL நிறத்தை RGB ஆக உடனுக்குடன் இலவசமாக மாற்று

#F39C12

ஏதாவது நிற மதிப்பை ஒட்டுங்கள் — நாங்கள் அதன் வடிவத்தை தானாக கண்டுபிடிப்போம்.

H
S
L
RGB முடிவு
சிவப்பு
243
பசுமை
156
நீலம்
18

இந்த நிறத்தின் அனைத்து வடிவங்களிலும்

CMYK சுயவிவரம்: Coated FOGRA39 (ஐரோப்பாவுக்கு Photoshop-இன் இயல்புநிலை)

HSL நிறத்தை தேர்வு செய்ய நட்பான வழி; RGB தான் திரைகள், canvas APIs மற்றும் image கோடுகள் உண்மையில் பயன்படுத்துவது. இந்த மாற்றி எந்த hue, saturation மற்றும் lightness மூவுருவையும் சரியாக 0–255 சேனல்களாக மாற்றும்.

HSL ஐ RGB ஆக மாற்றுவது எப்படி

  1. S மற்றும் L ஐ பின்சேர்க்கைகள் (fractions) ஆக்கி chroma C = (1 − |2L − 1|) × S என்பதைக் கணக்கிடு.
  2. நிற சக்கரத்தில் அதன் பகுதியைக் கண்டறிய hue-ஐ 60-ஆல் வகுத்து, இடைநிலை மதிப்பு X = C × (1 − |(H/60 mod 2) − 1|) ஐக் கணக்கிடவும்.
  3. அந்த பகுதியின்படி C, X மற்றும் 0 ஐ R, G மற்றும் B இடங்களுக்குப் பொருத்து.
  4. lightness ஆராசியை L − C/2 மூன்று சேனல்களுக்கும் சேர்த்து 255 க்கு பெருக்கி பிறகு முடிந்த ஒற்றை முழு எண்களுக்கு கூட்டு.

உதாரணம்

HSL hsl(37, 90%, 51%)=RGB rgb(243, 156, 18)

இறுதி முழு சேனல் மதிப்புகளுக்கான வட்டமிடல் வரை முடிவு துல்லியமாக இருக்கும். பகுதியளவு hue அல்லது saturation மதிப்புகள் ஆதரிக்கப்படும், அவை அருகிலுள்ள RGB triple-ஐ அடையும்.

HSL மற்றும் RGB விளக்கம்

HSL என்ன?

HSL ஒரு நிறத்தை மூன்று பகுதிகளாக பிரிக்கிறது: hue (நிற சக்கரத்தில் 0–360°), saturation (எவ்வளவு நிறமுள்ளதே, 0–100%) மற்றும் lightness (பொளி அளவு, 0–100%). ஒவ்வொரு பகுதியும் மனிதர்கள் நிறத்தை விவரிக்கும் முறை match ஆக இருப்பதால், HSL கையேடு அல்லது கோடில் திணி, ஷேடுகள் மற்றும் சீரான பேலெட்டுகளை உருவாக்க எளிதாக இருக்கும்.

வினியமைப்பு:
hsl(H, S%, L%)
வரம்பு:
0–360°, 0–100%, 0–100%
சிறந்தது:
பேலெட்டுகள், டிண்டுகள் மற்றும் ஷேடுகள், தீமை வேண்டும் வேலை

RGB என்ன?

RGB ஒரு நிறத்தை மூன்று ஒளிச்சேனல்களாக (சிவப்பு, பச்சை மற்றும் நீலம்) விவரிக்கிறது, ஒவ்வொன்றும் 0 முதல் 255 வரை. இது திரைகள் உண்மையில் செயல்படும் விதத்தைப் பிரதிபலிக்கிறது: மூன்றும் 255 ஆக இருந்தால் வெள்ளை, அனைத்தும் 0 ஆக இருந்தால் கருப்பு. ஒரு நிறத்துடன் கணக்கீடு செய்ய வேண்டிய போதெல்லாம் RGB சரியான தேர்வு, மேலும் rgba() வெளிப்படைத்தன்மையையும் சேர்க்கிறது.

வினியமைப்பு:
rgb(R, G, B)
வரம்பு:
சேனலுக்கு 0–255
சிறந்தது:
கோட், கான்வாஸ், rgba() உடன் பாதரசு

HSL -> RGB குறிப்பு அட்டவணை

அதிகப் பயன்படும் CSS நிறங்கள், HSL இலிருந்து RGB ஆக மாற்றப்பட்டவை.

நிறம்HSLRGB
blackhsl(0, 0%, 0%)rgb(0, 0, 0)
whitehsl(0, 0%, 100%)rgb(255, 255, 255)
redhsl(0, 100%, 50%)rgb(255, 0, 0)
limehsl(120, 100%, 50%)rgb(0, 255, 0)
bluehsl(240, 100%, 50%)rgb(0, 0, 255)
yellowhsl(60, 100%, 50%)rgb(255, 255, 0)
orangehsl(39, 100%, 50%)rgb(255, 166, 0)
tealhsl(180, 100%, 25%)rgb(0, 127, 128)
purplehsl(300, 100%, 25%)rgb(128, 0, 127)
grayhsl(0, 0%, 50%)rgb(128, 128, 128)

மேலும் நிற மாற்றிகள்

HEX இலிருந்து RGBRGB இலிருந்து HEXHEX இலிருந்து HSLHSL இலிருந்து HEXHEX இலிருந்து CMYKCMYK இலிருந்து HEXRGB இலிருந்து HSLRGB இலிருந்து CMYKCMYK இலிருந்து RGBHSL இலிருந்து CMYKCMYK இலிருந்து HSL

இந்த நிறத்துடன் தொடர்ந்தால்

அடிக்கடி கேட்கப்படும் கேள்விகள்

S மற்றும் L ஐ பின்சேர்க்கைகள் (fractions) ஆக்கி chroma C = (1 − |2L − 1|) × S என்பதைக் கணக்கிடு. நிற சக்கரத்தில் அதன் பகுதியைக் கண்டறிய hue-ஐ 60-ஆல் வகுத்து, இடைநிலை மதிப்பு X = C × (1 − |(H/60 mod 2) − 1|) ஐக் கணக்கிடவும். அந்த பகுதியின்படி C, X மற்றும் 0 ஐ R, G மற்றும் B இடங்களுக்குப் பொருத்து. lightness ஆராசியை L − C/2 மூன்று சேனல்களுக்கும் சேர்த்து 255 க்கு பெருக்கி பிறகு முடிந்த ஒற்றை முழு எண்களுக்கு கூட்டு.

இறுதி முழு சேனல் மதிப்புகளுக்கான வட்டமிடல் வரை முடிவு துல்லியமாக இருக்கும். பகுதியளவு hue அல்லது saturation மதிப்புகள் ஆதரிக்கப்படும், அவை அருகிலுள்ள RGB triple-ஐ அடையும்.

RGB ஒரு நிறத்தை மூன்று ஒளிச்சேனல்களாக (சிவப்பு, பச்சை மற்றும் நீலம்) விவரிக்கிறது, ஒவ்வொன்றும் 0 முதல் 255 வரை. இது திரைகள் உண்மையில் செயல்படும் விதத்தைப் பிரதிபலிக்கிறது: மூன்றும் 255 ஆக இருந்தால் வெள்ளை, அனைத்தும் 0 ஆக இருந்தால் கருப்பு. ஒரு நிறத்துடன் கணக்கீடு செய்ய வேண்டிய போதெல்லாம் RGB சரியான தேர்வு, மேலும் rgba() வெளிப்படைத்தன்மையையும் சேர்க்கிறது.

ஆம். உள்ளீட்டின் பக்கத்தில் இருக்கும் மாற்று பொத்தான் உன்னை RGB→HSL கன்வெர்டருக்கு எடுத்துச் செல்கிறது, அது முற்றிலும் அதேவாறு இயங்கும். இரு திசைகளும் ஒரே சூத்திரத்தைப் பயன்படுத்துகிறது, வெறும் முறையை மறுபடியாய் பயன்படுத்துவது மட்டுமே.

கோடில் ஒரு palette உருவாக்குகிறாயா? HSL இல் hue ஐ வழுக்க வைத்து ஒவ்வொரு படியையும் RGB ஆக்க—அப்போதுதான் சமமாக இடைவெளி கொண்ட நிறங்கள் கிடைக்கும், கைமுறை RGB திருத்தம் சமமாக இவை வழங்கமாட்டாது.