HSL முதல் HEX மாற்றி
நீங்கள் தட்டச்சு செய்யும் போதே HSL ஐ HEX ஆக மாற்றவும் — இலவசமாகவும், உடனடியாகவும், விளக்க எடுத்துக்காட்டு மற்றும் பொதுவான வண்ணங்களின் அட்டவணையுடன்.
HSL மதிப்பைத் தட்டச்சு செய்து அதற்கு கீழே உள்ள HEX மதிப்பை வாசிக்கவும், அல்லது வண்ணத் தட்டிலிருந்து ஒரு வண்ணத்தைத் தேர்ந்தெடுக்கவும்.
விளக்க எடுத்துக்காட்டு
HSL 11, 100%, 60% = HEX #ff5733
மாற்றம் எவ்வாறு செயல்படுகிறது
- HEX குறியீடு என்பது பேஸ்-16 (base-16) இல் எழுதப்பட்ட அதே மூன்று RGB சேனல்களாகும்: ஒரு சேனலுக்கு இரண்டு இலக்கங்கள், 00 (0) முதல் ff (255) வரை.
- HSL என்பது அதே வண்ணத்தை சாயல் (வண்ணச் சக்கரத்தில் 0–360°), செறிவு மற்றும் வெளிச்சம் ஆகியவற்றின் மூலம் விவரிக்கிறது — ஒரு கூறுகளை மட்டும் மாற்றுவதன் மூலம் வண்ணத்தை இருட்டாக்க அல்லது செறிவைக் குறைக்க இது எளிதானது.
HSL மற்றும் HEX இல் உள்ள பொதுவான வண்ணங்கள்
| வண்ணம் | HSL | HEX |
|---|---|---|
| சிகப்பு | 0, 100%, 50% | #ff0000 |
| ஆரஞ்சு | 39, 100%, 50% | #ffa500 |
| மஞ்சள் | 60, 100%, 50% | #ffff00 |
| பச்சை | 120, 100%, 25% | #008000 |
| சியான் | 180, 100%, 50% | #00ffff |
| நீலம் | 240, 100%, 50% | #0000ff |
| ஊதா | 300, 100%, 25% | #800080 |
| இளஞ்சிவப்பு | 350, 100%, 88% | #ffc0cb |
| பழுப்பு | 0, 59%, 41% | #a52a2a |
| வெள்ளை | 0, 0%, 100% | #ffffff |
| சாம்பல் | 0, 0%, 50% | #808080 |
| கருப்பு | 0, 0%, 0% | #000000 |
ஒவ்வொரு மாற்றமும் உங்கள் உலாவியிலேயே இயங்குகிறது. நீங்கள் உள்ளிடும் எதுவும் BroBroGo-விற்கு பதிவேற்றப்படாது.
அடிக்கடி கேட்கப்படும் கேள்விகள் (FAQ)
HSL ஐ HEX ஆக மாற்றுவது எப்படி?
மேலே உங்கள் HSL மதிப்பைத் தட்டச்சு செய்யவும் அல்லது ஒட்டவும் — நீங்கள் தட்டச்சு செய்யும் போதே HEX மதிப்பு புதுப்பிக்கப்படும். வண்ணத் தட்டிலிருந்து (swatch) நீங்கள் வண்ணத்தைக் காட்சி ரீதியாகவும் தேர்ந்தெடுக்கலாம்.
மாற்றம் துல்லியமானதா?
மதிப்புகள் முழு எண்களாக மாற்றப்படுகின்றன, இது CSS மற்றும் வடிவமைப்பு கருவிகள் எதிர்பார்க்கும் வடிவமாகும். இந்த வேறுபாடு மனிதக் கண்களால் கண்டறிய முடியாத அளவிற்கு மிகக் குறைவானதாகும்.