HEX to RGB converter

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

#FF5733

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

RGB முடிவு
சிவப்பு
255
பசுமை
87
நீலம்
51

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

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

ஒரு HEX கோடு மூன்று 8-பிட் எண்ணுகளை ஆறு ஹெக்சா எண்களில் இனைக்கிறது. HEX ஐ RGB ஆக மாற்றுவது அந்த எழுத்துக்களை ஜோடிகளாக பிரித்து ஒவ்வொன்றையும் 0–255 வரை உள்ள தசம எணாகப் படிக்கவேண்டும் — CSS, Figma மற்றும் படச் திருத்திகள் எதிர்பார்க்கும் மதிப்புகளே அவை.

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

  1. முன்னோட்டமான # ஐ நீக்கவும், மற்றும் குறியீடு மூன்று எழுத்துக்களேயானால், ஒவ்வொன்றையும் இரட்டிக்கவும்: #f53 -> #ff5533.
  2. ஆறு எழுத்துக்களை RR, GG மற்றும் BB என்ற மூன்று ஜோடிகளாக பிரிக்கவும்.
  3. ஒவ்வொரு ஜோடியையும் அடித்தளம்-16 எணாகப் படித்துப் பத்து அடித்தளத்தில் மாற்றவும்: FF -> 255, 57 -> 87, 33 -> 51.
  4. மூன்று முடிவுகளை rgb(R, G, B) என்றபடி எழுதுங்கள்.

உதாரணம்

HEX #FF5733=RGB rgb(255, 87, 51)

இந்த மாற்றம் துல்லியமானது. 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 ஆக மாற்றப்பட்டவை.

நிறம்HEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

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

முன்னோட்டமான # ஐ நீக்கவும், மற்றும் குறியீடு மூன்று எழுத்துக்களேயானால், ஒவ்வொன்றையும் இரட்டிக்கவும்: #f53 -> #ff5533. ஆறு எழுத்துக்களை RR, GG மற்றும் BB என்ற மூன்று ஜோடிகளாக பிரிக்கவும். ஒவ்வொரு ஜோடியையும் அடித்தளம்-16 எணாகப் படித்துப் பத்து அடித்தளத்தில் மாற்றவும்: FF -> 255, 57 -> 87, 33 -> 51. மூன்று முடிவுகளை rgb(R, G, B) என்றபடி எழுதுங்கள்.

இந்த மாற்றம் துல்லியமானது. HEX மற்றும் RGB ஆகியவை அதே sRGB மதிப்புகளை வேறு குறியீட்டில் விவரிக்கிறன, ஆகவே எந்தத் துல்லியம் அல்லது தகவலும் எதுவும் இழக்கப்படாது.

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

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

ஒரே சேனலை அனிமேட் செய்வது, கோடில் நிறங்களை கலக்குவது, அல்லது rgba() மூலம் பாதரசுவைச் சேர்ப்பது போன்றவற்றிற்கு எண்ணுகளோடு பணியாற்ற வேண்டியபோது RGB ஐப் பயன்படுத்துங்கள். நிலையான CSS க்காக HEX சுருக்கமானதும் படிக்க எளிதுமானதுமாக இருக்கும்.