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