இலவச மாற்றி

எச்.எஸ்.எல் ஹெக்ஸ் மாற்றி

HSL வண்ண மதிப்புகளை உடனடியாக HEX வண்ணக் குறியீடுகளாக மாற்றவும் — இலவச, நிகழ் நேர வண்ண மாற்றி.

சாயல்
செறிவு (%)
லேசான தன்மை (%)

ஹெக்ஸ் வெளியீடு

#368CE2
R:54
G:140
B:226

நகல் வடிவம்

#HEX வடிவம்#368CE2
hsl() வடிவம்hsl(210°, 75%, 55%)
rgb() வடிவம்rgb(54, 140, 226)

இந்த கருவி பற்றி

HSL (சாயல், செறிவு, லேசான தன்மை) வண்ண மதிப்புகளை ஹெக்ஸாடெசிமல் குறியீடுகளாக மாற்றவும். HSL என்பது உள்ளுணர்வு வண்ண மாதிரியாகும், இதில் சாயல் என்பது வண்ணக் கோணம் (0-360°), செறிவு என்பது வண்ணத் தீவிரம் (0-100%), மற்றும் ஒளியானது நிறம் எவ்வளவு ஒளி அல்லது இருட்டாக இருக்கிறது (0-100%) என்பதைக் கட்டுப்படுத்துகிறது. HSL இல் பணிபுரியும் மற்றும் CSS க்கு ஹெக்ஸ் குறியீடுகள் தேவைப்படும் வடிவமைப்பாளர்களுக்கு பயனுள்ளதாக இருக்கும்.

பயன்படுத்துவது எப்படி

  1. சாயல் மதிப்பை உள்ளிடவும் (வண்ண சக்கரத்தில் 0-360 டிகிரி).
  2. செறிவு (0-100%) மற்றும் லேசான தன்மை (0-100%) ஆகியவற்றை அமைக்கவும்.
  3. ஹெக்ஸ் குறியீடு கணக்கிடப்பட்டு உண்மையான நேரத்தில் காட்டப்படும்.
  4. உங்கள் CSS அல்லது வடிவமைப்பு கருவியில் பயன்படுத்த ஹெக்ஸ் குறியீட்டை நகலெடுக்கவும்.

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

ஹெக்ஸ் அல்லது ஆர்ஜிபிக்கு பதிலாக எச்எஸ்எல்லை ஏன் பயன்படுத்த வேண்டும்?
HSL மனிதர்களுக்கு மிகவும் உள்ளுணர்வு. இருண்ட நிழல் வேண்டுமா? லேசான தன்மையைக் குறைக்கவும். ஒலியடக்கப்பட்ட பதிப்பு வேண்டுமா? செறிவூட்டலைக் குறைக்கவும். நீங்கள் மூன்று சேனல்களையும் சரிசெய்ய வேண்டிய ஹெக்ஸ் அல்லது RGB இல் இந்த உறவுகள் வெளிப்படையாகத் தெரியவில்லை.
0 vs 360 சாயல் என்றால் என்ன?
0° மற்றும் 360° இரண்டும் சிவப்பு நிறத்தில் உள்ளன - சாயல் சக்கரம் சுற்றிக் கொண்டிருக்கிறது. முக்கிய வண்ணங்கள்: 0° = சிவப்பு, 60° = மஞ்சள், 120° = பச்சை, 180° = சியான், 240° = நீலம், 300° = மெஜந்தா.
0% மற்றும் 100% செறிவூட்டலில் என்ன நடக்கும்?
0% செறிவூட்டலில், எந்த நிறமும் சாம்பல் நிற நிழலாக மாறும் (இலேசான தன்மையால் மட்டுமே தீர்மானிக்கப்படுகிறது). 100% செறிவூட்டலில், அந்த சாயலின் தூய்மையான, தெளிவான பதிப்பைப் பெறுவீர்கள்.
லேசான தன்மை எவ்வாறு செயல்படுகிறது?
சாயல்/செறிவு பொருட்படுத்தாமல் 0% லேசான தன்மை எப்போதும் கருப்பு நிறமாக இருக்கும். 100% எப்போதும் வெள்ளையாக இருக்கும். 50% வண்ணத்தின் தூய்மையான, மிகவும் துடிப்பான பதிப்பை வழங்குகிறது. 0-50% இடையே உள்ள மதிப்புகள் இருண்ட நிழல்கள், 50-100% இலகுவான நிறங்கள்.