ஒரு HEX கோடு மூன்று 8-பிட் எண்ணுகளை ஆறு ஹெக்சா எண்களில் இனைக்கிறது. HEX ஐ RGB ஆக மாற்றுவது அந்த எழுத்துக்களை ஜோடிகளாக பிரித்து ஒவ்வொன்றையும் 0–255 வரை உள்ள தசம எணாகப் படிக்கவேண்டும் — CSS, Figma மற்றும் படச் திருத்திகள் எதிர்பார்க்கும் மதிப்புகளே அவை.
HEX ஐ RGB ஆக மாற்றுவது எப்படி
- முன்னோட்டமான # ஐ நீக்கவும், மற்றும் குறியீடு மூன்று எழுத்துக்களேயானால், ஒவ்வொன்றையும் இரட்டிக்கவும்: #f53 -> #ff5533.
- ஆறு எழுத்துக்களை RR, GG மற்றும் BB என்ற மூன்று ஜோடிகளாக பிரிக்கவும்.
- ஒவ்வொரு ஜோடியையும் அடித்தளம்-16 எணாகப் படித்துப் பத்து அடித்தளத்தில் மாற்றவும்: FF -> 255, 57 -> 87, 33 -> 51.
- மூன்று முடிவுகளை rgb(R, G, B) என்றபடி எழுதுங்கள்.
உதாரணம்
இந்த மாற்றம் துல்லியமானது. HEX மற்றும் RGB ஆகியவை அதே sRGB மதிப்புகளை வேறு குறியீட்டில் விவரிக்கிறன, ஆகவே எந்தத் துல்லியம் அல்லது தகவலும் எதுவும் இழக்கப்படாது.
HEX மற்றும் RGB விளக்கம்
HEX என்ன?
HEX கோடு ஒரு ஆறு- எழுத்து ஹெக்சாதெசிமல் எண், இது # என்ற முன்னோட்டத்துடன் ஒரு நிறத்தின் சிவப்பு, பச்சை மற்றும் நீலம் சேனலைக் கொள்கிறது. ஒவ்வொரு இரட்டைப் பதிவும் ஒரு சேனலை குறிப்பதாகும், 00 (இல்லை) முதல் FF (முழு) வரை, இது RGB இன் 16.7 மில்லியன் நிறங்களைத் தருகிறது ஆனால் குறைந்த இடத்தில். HEX என்பது CSS, டிசைன் கருவிகள் மற்றும் பிராண்ட் வழிகாட்டுதல்களில் இயல்பானதாகும்.
- வினியமைப்பு:
- #RRGGBB
- வரம்பு:
- சேனலுக்கு 00–FF
- சிறந்தது:
- CSS, டிசைன் ஹான்ட்ஓஃப், பிராண்ட் வழிகாட்டுதல்கள்
RGB என்ன?
RGB ஒரு நிறத்தை மூன்று ஒளிச்சேனல்களாக வர்ணிக்கிறது — சிவப்பு, பச்சை மற்றும் நீலம் — ஒவ்வொன்றும் 0 முதல் 255 வரை. இது திரைகள் எப்படி செயல்படுகிறது என்பதைக் பிரதிபலிக்கிறது: மூன்றும் 255ல் இருந்தால் வெள்ளை, அனைத்தும் 0இல் இருந்தால் கருப்பு. நிறத்துடன் கணக்கீடு செய்ய வேண்டியபொழுது RGB சரியான தேர்வு, மேலும் rgba() மூலம் पारபரதுவைப்பையும் சேர்க்கலாம்.
- வினியமைப்பு:
- rgb(R, G, B)
- வரம்பு:
- சேனலுக்கு 0–255
- சிறந்தது:
- கோட், கான்வாஸ், rgba() உடன் பாதரசு
HEX -> RGB குறிப்பு அட்டவணை
அதிகப் பயன்படும் CSS நிறங்கள், HEX இலிருந்து RGB ஆக மாற்றப்பட்டவை.
| நிறம் | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |