HEX-ஐ RGB ஆக மாற்றுதல் Hexadecimal ↔ Red Green Blue இலவசம் ஆன்லைன் பாதுகாப்பு

நீங்கள் ஏன் HEX ஐ RGB ஆக மாற்றுகிறீர்கள்

ஒரு வடிவமைப்புக் கருவி உங்களுக்கு ஒரு நிறத்தை #5A4632 என்று தருகிறது. ஒரு நடைத் தாள், ஒரு கேன்வாஸ் நிரல், ஒரு வரைபட நூலகம் அல்லது ஒரு வரைகலை நிரல் அதை rgb(90, 70, 50) என்று கேட்கிறது. அவை ஒரே நிறம், ஓர் எழுத்துக்கூட்டலிலிருந்து மற்றதுக்குச் செல்லும் வேலை எப்போதும் வருகிறது: ஒரு வணிக வழிகாட்டி ஹெக்ஸ் குறியீடுகளைப் பட்டியலிடுகிறது, இலகுவான நிழலைக் கணக்கிட உங்கள் குறியீட்டுக்கு எண்கள் தேவை, ஒரு வாடிக்கையாளர் ஒரு சின்னத்திலிருந்து ஒரு நிறத்தை அனுப்புகிறார், நீங்கள் ஊடுருவும் தன்மையுடன் ஒரு rgba() ஐ நிரப்ப வேண்டும், ஒரு நூலகம் மூன்று தனி மதிப்புகளை மட்டுமே ஏற்கிறது. HEX ஐ RGB ஆக மாற்றுவது ஒரு சிறு பணி, ஒரு நம்பகமான மாற்றி உங்கள் தலையில் பதினாறு அடிப்படைக் கணிதம் செய்து தவறு செய்வதிலிருந்து உங்களைக் காக்கிறது.

மாற்றம் துல்லியமானது, அது ஒவ்வொரு நிற மாற்றத்துக்கும் உண்மை அல்ல. ஹெக்ஸும் rgb() உம் ஒரு திரை உமிழ வேண்டிய சிவப்பு, பச்சை, நீல ஒளியின் அளவுகளான அதே மூன்று எண்களின் இரு எழுத்துக்கூட்டல்கள், ஒவ்வொன்றும் 0 முதல் 255 வரை. எதுவும் தோராயமாக்கப்படவில்லை, ஒரு சுற்றுப் பயணம் அது தொடங்கியதைத் திருப்பித் தருகிறது. இந்தப் பக்கம் அதை உங்கள் உலாவிக்குள் செய்கிறது, எதுவும் பதிவேற்றப்படுவதில்லை. கீழே ஹெக்ஸ் இலக்கங்கள் மூன்று எண்களுக்கு எப்படி வரைபடமாகின்றன, ஊடுருவும் தன்மை எப்படிக் கடத்தப்படுகிறது, சுருக்க வடிவம் என்ன செய்கிறது, sRGB இன் வரம்புகள், உருவாக்குநர்களும் வடிவமைப்பாளர்களும் HEX ஐ RGB ஆக மாற்ற வேண்டிய சூழ்நிலைகளைக் காண்பீர்கள்.

மாற்றம் எவ்வாறு செயல்படுகிறது

மூன்று இலக்கச் சோடிகள் மூன்று எண்களாகின்றன

ஒரு ஹெக்ஸ் நிறம் என்பது ஒரு ஹாஷ் குறியைத் தொடர்ந்து ஆறு பதினாறு-அடிப்படை இலக்கங்கள், அவை சோடிகளாக வாசிக்கப்படுகின்றன: முதல் சோடி சிவப்பு, இரண்டாவது பச்சை, மூன்றாவது நீலம். ஒவ்வொரு சோடியும் 00 க்கும் FF க்கும் இடையிலான பதினாறு அடிப்படையில் ஒரு எண், நீங்கள் தினமும் பயன்படுத்தும் தசம முறையில் அது 0 முதல் 255 வரை. எனவே #5A4632 என்பது 5A, 46, 32 ஆகப் பிரிகிறது. 5A என்பது 5 × 16 + 10 = 90, 46 என்பது 4 × 16 + 6 = 70, 32 என்பது 3 × 16 + 2 = 50. நிறம் rgb(90, 70, 50), பக்கம் தொடங்கும் எடுத்துக்காட்டு அதுவே.

இலக்கங்கள் ஏன் 0 முதல் F வரை செல்கின்றன

பதினாறு அடிப்படைக்குப் பதினாறு குறியீடுகள் தேவை, எனவே 9 க்குப் பிறகு A முதல் F வரை எழுத்துகள் வருகின்றன, அவை 10 முதல் 15 ஐக் குறிக்கின்றன. அத்தகைய இலக்கங்களின் ஒரு சோடி 16 × 16 = 256 மதிப்புகளைத் தருகிறது, சரியாக ஒரு பைட் கொள்ளக்கூடியது. ஒரு திரை நிறம் மூன்று பைட்டுகள், ஹெக்ஸ் வெறுமனே அவற்றை எழுத ஒரு சுருக்கமான வழி: காற்புள்ளிகளும் அடைப்புக்குறிகளும் கொண்ட மூன்று எண்களுக்குப் பதிலாக ஆறு எழுத்துகள்.

பெரிய, சிறிய எழுத்துகள்

#5a4632 உம் #5A4632 உம் ஒரே நிறம். CSS இரண்டில் எதையும் ஏற்கிறது, இந்த மாற்றியும் அவ்வாறே. ஒரு திட்டத்துக்கு ஒரு மரபைத் தேர்ந்தெடுத்து அதில் நிலைத்திருங்கள், ஏனெனில் கலந்த எழுத்து வடிவம் ஒரு நடைத் தாளில் தேடுவதை கடினமாக்குகிறது.

மாற்றம் எதைக் காக்கிறது, எதைக் காக்க முடியாது

அது நிறத்தைத் துல்லியமாகக் காக்கிறது

ஹெக்ஸும் rgb() உம் சிவப்பு, பச்சை, நீலத்துக்கு 0 முதல் 255 வரையிலான அதே மூன்று எண்களின் இரு எழுத்துக்கூட்டல்கள், எனவே எதுவும் தோராயமாக்கப்படவில்லை, ஒரு சுற்றுப் பயணம் அது தொடங்கியதைத் திருப்பித் தருகிறது. HEX ஐ RGB ஆக மாற்றித் திரும்ப மாற்றுங்கள், பெரிய எழுத்துகளின் சாத்தியமான விதிவிலக்குடன், நீங்கள் தொடங்கிய அதே குறியீட்டைக் கொண்டுள்ளீர்கள்.

அது ஊடுருவும் தன்மையைக் கடத்துகிறது

ஊடுருவும் தன்மைக்கான நான்காவது மதிப்பும் கடத்தப்படுகிறது: #RRGGBBAA என்பது rgba() ஆகிறது, திரும்பவும். கடைசிச் சோடி ஆல்பா நாளம், 00 முதல், முழு ஊடுருவல், FF வரை, முழுக் கவிழ்ப்பு. எனவே #5A463280 என்பது rgba(90, 70, 50, 0.5), ஏனெனில் ஹெக்ஸில் 80 என்பது 128, 255 இல் 128 ஏறத்தாழ ஒரு பாதி. எட்டு இலக்கங்கள் எல்லா நடப்பு உலாவிகளாலும் ஏற்கப்படுகின்றன.

sRGB க்கு வெளியே நிறங்களை அது விவரிக்க முடியாது

இரு எழுத்துக்கூட்டல்களும் ஒரு திரை முப்பது ஆண்டுகளாகப் பயன்படுத்தும் நிற இடமான sRGB ஐ விவரிக்கின்றன. அவற்றுக்கு வெளியே ஒரு நிறத்தை அவற்றால் விவரிக்க முடியாது, அதற்காகவே புதிய CSS குறிமுறைகளான lab(), oklch(), color() உள்ளன. நவீனக் காட்சித் திரைகள் sRGB கொண்டுள்ளதைவிட அதிகச் செறிவான நிறங்களைக் காட்ட முடியும், அகன்ற நிறப் பரப்புக் கருவியில் அத்தகைய நிறத்தைத் தேர்ந்தெடுத்த ஒரு வடிவமைப்பாளர் அது ஹெக்ஸாக எழுதப்படும்போது அது sRGB க்கு வெட்டப்படுவதைக் காண்பார்.

சுருக்க வடிவம் விரிவாக்கப்படுகிறது, காக்கப்படுவதில்லை

சுருக்க வடிவம் காக்கப்படுவதற்குப் பதிலாக விரிவாக்கப்படுகிறது: #abc என்பது #AABBCC ஆகத் திரும்ப வருகிறது, அது நீண்ட வழியில் எழுதப்பட்ட அதே நிறம். ஒவ்வோர் இலக்கமும் இரட்டிப்பாகிறது. அதாவது நீங்கள் மூன்று இலக்கக் குறியீட்டை ஒட்டிச் சரியான எண்களைப் பெறலாம், ஆனால் நீண்டதிலிருந்து குறுகிய எழுத்துக்கூட்டலை அதைப் பார்ப்பதன் மூலம் மீட்க முடியாது, ஒவ்வொரு சோடியும் திரும்புகிறதா என்று சரிபார்ப்பதன் மூலம் மட்டுமே.

பொதுவான நிறங்களும் அவற்றின் எண்களும்

நினைவில் வைக்கச் சிலவை

வெள்ளை #FFFFFF, அது rgb(255, 255, 255): மூன்று ஒளிகளும் முழு ஆற்றலில். கறுப்பு #000000, rgb(0, 0, 0): ஒளியே இல்லை. தூய சிவப்பு #FF0000, பச்சை #00FF00, நீலம் #0000FF. ஓர் இடைநிலைச் சாம்பல் மூன்று சமச் சோடிகள் கொண்ட எந்தக் குறியீடும், #808080 போல, அது rgb(128, 128, 128). சமச் சோடிகள் எப்போதும் சாம்பல் என்று பொருள், ஏனெனில் மூன்று ஒளிகளின் சம அளவுகள் சாயலைத் தருவதில்லை.

ஒரு குறியீட்டை ஒரே பார்வையில் வாசித்தல்

நீங்கள் வடிவத்தை அறிந்தவுடன் ஒரு நிறத்தை அதன் ஹெக்ஸ் இலக்கங்களிலிருந்து மதிப்பிடலாம். உயர் முதல் சோடியுடன் தொடங்கும் ஒரு குறியீடு சிவப்பு கலந்தது, உயர் நடுச் சோடி பச்சை கலந்தது, உயர் கடைசிச் சோடி நீலம் கலந்தது. #FF8800 நிறையச் சிவப்பு, சிறிதளவு பச்சை, நீலமே இல்லை, அது ஆரஞ்சு. அதற்கு உங்களுக்கு ஒரு கருவி தேவையில்லை, ஆனால் துல்லிய எண்களுக்கு உங்களுக்கு ஒன்று தேவை.

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

ஹெக்ஸ் குறியீட்டைத் தட்டச்சு செய்யுங்கள் அல்லது ஒட்டுங்கள்

முதல் புலத்தில் நிறத்தை, ஹாஷ் குறியுடனோ இல்லாமலோ, உள்ளிடுங்கள். மூன்று, ஆறு, எட்டு இலக்க வடிவங்கள் ஏற்கப்படுகின்றன.

rgb மதிப்பைப் படியுங்கள்

விடை மற்ற புலத்தில் உடனே தோன்றுகிறது, rgb(90, 70, 50) வடிவத்தில், அல்லது குறியீடு ஊடுருவும் தன்மையைக் கொண்டிருந்தால் rgba(). #5A4632 = rgb(90, 70, 50) என்ற வாக்கியத்தைப் பக்கம் காட்டுகிறது, அதனால் நீங்கள் ஒரே பார்வையில் சரிபார்க்கலாம்.

அதை உங்கள் குறியீட்டில் நகலெடுங்கள்

முடிவை அதைக் கேட்ட நடைத் தாள், நிரல் அல்லது கருவியில் ஒட்டுங்கள். உங்களுக்கு மூன்று எண்கள் தனியாகத் தேவைப்பட்டால், அவை அடைப்புக்குறிகளில் உள்ளவை.

இந்தக் குறிமுறைகள் எங்கிருந்து வருகின்றன

ஹெக்ஸும் RGB யும் இருமுறை எழுதப்பட்ட ஒரே விஷயம்

ஒரு திரை நிறம் என்பது மூன்று எண்கள், எவ்வளவு சிவப்பு, பச்சை, நீல ஒளியை உமிழ வேண்டும், ஒவ்வொன்றும் 0 முதல் 255 வரை, அது ஒரு பைட். ஹெக்ஸ் வெறுமனே அந்தப் பைட்டுகளைப் பதினாறு அடிப்படையில் எழுதுகிறது, எனவே #FF8800 உம் rgb(255, 136, 0) உம் அதே பிக்சலுக்கு அதே அறிவுறுத்தல்.

HSL உம் CMYK உம்

HSL கண்டுபிடிக்கப்பட்டது ஏனெனில் இரண்டில் எதுவும் ஒரு மனிதனுக்கு வாசிக்கக்கூடியதல்ல: அது நிறச் சக்கரத்தைச் சுற்றி ஒரு கோணமாகச் சாயலையும், சதவீதங்களாகச் செறிவையும் ஒளிர்வையும் தருகிறது, எனவே ஒரு வடிவமைப்பாளர் மூன்று எண்களை மீண்டும் கணக்கிடாமல் ஏதாவது ஒன்றை இலகுவாக்கலாம். CMYK முற்றிலும் வேறுபட்ட உலகத்துக்குரியது, ஒளி அல்ல, மை. அது கழிக்கும் முறை, நான்கு அச்சுத் தகடுகளால் கட்டப்பட்டது, ஒரு திரை காணக்கூடிய ஒவ்வொரு நிறத்தையும் அதனால் எட்ட முடியாது, ஏனெனில் ஒரு திரை ஒளியை உமிழ்கிறது, காகிதம் அதைப் பிரதிபலிக்க மட்டுமே செய்கிறது. அவற்றுக்கு, HEX ஐ HSL ஆக உம் HEX ஐ CMYK ஆக உம் பாருங்கள்.

நீங்கள் அவற்றைச் சந்திக்கும் இடங்கள்

நடைத் தாள்களில்

ஹெக்ஸ் என்பது நீங்கள் ஒரு நடைத் தாளில் தட்டச்சு செய்வது, ஒரு வடிவமைப்புக் கருவி உங்களுக்குத் தருவது. ஒரு நிறத்துக்குக் கணிதம் தேவைப்படும் இடமெல்லாம் RGB தோன்றுகிறது: சாய்வுகள், ஊடுருவும் தன்மை, ஒரு நிழலைக் கணக்கிடும் குறியீடு. இரு எழுத்துக்கூட்டல்களையும் அறிந்து அவற்றுக்கிடையே நகர முடிவது அன்றாட முன்பக்க வேலையின் ஒரு பகுதி.

நிரல்களிலும் கேன்வாஸ் வரைதலிலும்

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

வரைகலை, படக் கருவிகளில்

பட எடிட்டர்கள் வழக்கமாக ஒரு நிறத்தை மூன்று எண்களாகவோ ஒரு ஹெக்ஸ் குறியீடாகவோ காட்டி, இரண்டில் எதையும் தட்டச்சு செய்ய உங்களை அனுமதிக்கின்றன. இரண்டுக்கும் இடையே நகர்வது ஒரு வலைப் பக்கத்திலிருந்து ஒரு நிறத்தை எண்களை விரும்பும் ஒரு நிரலில் மீளுருவாக்க உங்களை அனுமதிக்கிறது.

ஆவணப்படுத்தலிலும் வணிக வழிகாட்டிகளிலும்

ஒரு வணிக வழிகாட்டி ஒரு நிறத்தை வலைக்கு ஹெக்ஸிலும், திரைகளுக்கு RGB யிலும், அச்சுக்கு CMYK யிலும் பட்டியலிடலாம். முதல் இரண்டும் ஒத்துப்போவது ஒரு மாற்றத்தின் விஷயம், ஆயிரம் துண்டுப் பிரசுரங்களில் அச்சிடப்படும் முன் ஒரு எழுத்துப் பிழையைப் பிடிக்கும் வகைச் சோதனை அது.

RGB வடிவத்தின் நடைமுறைப் பயன்பாடுகள்

இரண்டாவது நிறம் இல்லாமல் ஊடுருவும் தன்மை

rgba(90, 70, 50, 0.5) உடன் நீங்கள் நிறத்தை அரை வலிமையில் பெறுகிறீர்கள், அதன் பின்னால் இருப்பது ஊடுருவித் தெரிகிறது. ஒரு வணிக நிறத்திலிருந்து புதிய ஒன்றைக் கண்டுபிடிக்காமல் மேல்படலங்கள், நிழல்கள், சாயல் பின்னணிகளை உருவாக்கும் நிலையான வழி இது.

இலகுவான, இருண்ட நிழல்களைக் கணக்கிடுதல்

நகர்த்தும் நிலையைச் சற்று இருண்டதாக்க, ஒரு நிரல் மூன்று எண்களில் ஒவ்வொன்றிலிருந்தும் ஒரு நிலையான அளவைக் கழிக்கலாம். அதையே ஒரு ஹெக்ஸ் சரத்தில் செய்வது சிரமம்; rgb இல் அது எளிய கணிதம். உங்களுக்குச் சாயல் அடிப்படையிலான சரிசெய்தல் தேவைப்பட்டால், அதற்குப் பதிலாக HEX ஐ HSL ஆக மாற்றுங்கள்.

முரண்பாட்டுச் சோதனைகள்

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

HEX ஐ RGB ஆக மாற்றும்போது பொறிகள்

ஆல்பா சோடியை மறத்தல்

ஓர் எட்டு இலக்கக் குறியீடு கடைசி இரு இலக்கங்களில் ஊடுருவும் தன்மையைக் கொண்டுள்ளது. நீங்கள் அவற்றை வெட்டினால், அதை இழக்கிறீர்கள். முடிவு நிறம் என்று முடிவு செய்யும் முன் குறியீட்டின் நீளத்தைச் சரிபாருங்கள்.

வரிசையைக் குழப்புதல்

ஹெக்ஸ் சிவப்பு, பச்சை, நீலம். சில வடிவங்களும் சில பழைய வரைகலை API களும் நீலம், பச்சை, சிவப்பைப் பயன்படுத்துகின்றன. ஒரு குறிப்பிட்ட நிரலில் ஒரு நிறம் தவறாக வந்தால், அதன் நாள வரிசையைச் சரிபாருங்கள்.

ஒரு திரைப்பிடிப்பிலிருந்து நகலெடுத்தல்

ஒரு திரைப்பிடிப்பிலிருந்து வாசிக்கப்படும் நிறம் திரையின் நிற மேலாண்மைக்கும் எந்த அழுத்தத்துக்கும் பிறகான நிறம். அது மூலக் கோப்பிலுள்ள நிறத்திலிருந்து சற்று வேறுபடலாம். முடிந்தபோது வடிவமைப்புக் கோப்பைப் பயன்படுத்துங்கள்.

திரைகள் ஒத்துப்போகின்றன என்று கருதுதல்

இரு திரைகள் அதே குறியீட்டைச் சற்று வேறுபட்டுக் காட்டுகின்றன. எண்கள் துல்லியமானவை; நீங்கள் காண்பது காட்சித் திரையையும் அதன் சுயவிவரத்தையும் பொறுத்தது.

மாற்றுவதற்கு முன் மக்கள் கேட்கும் கேள்விகள்

RGB இல் #FF0000 என்ன?

rgb(255, 0, 0), தூய சிவப்பு.

RGB இல் #FFFFFF என்ன?

rgb(255, 255, 255), வெள்ளை.

நான் ஒரு மூன்று இலக்கக் குறியீட்டை மாற்றலாமா?

ஆம். ஒவ்வோர் இலக்கமும் இரட்டிப்பாகிறது: #09C என்பது #0099CC ஆகிறது, அது rgb(0, 153, 204).

மாற்றம் துல்லியமானதா?

ஆம். அது அதே மூன்று எண்களின் இரு எழுத்துக்கூட்டல்கள்.

என் நிறம் பதிவேற்றப்படுகிறதா?

இல்லை. கணிதம் உங்கள் உலாவிக்குள் இயங்குகிறது, எதுவும் எங்கும் அனுப்பப்படுவதில்லை.

நான் எப்படித் திரும்பிச் செல்வது?

மூன்று எண்களை ஒரு ஹெக்ஸ் குறியீடாக எழுதும் RGB ஐ HEX ஆக மூலம்.

HEX ஐ RGB ஆக மாற்றும்போது புத்திசாலித்தனமாகத் தேர்ந்தெடுத்தல்

அடுத்து உங்களுக்கு என்ன தேவை என்று அறியுங்கள்

உங்களுக்கு ஊடுருவும் தன்மை தேவைப்பட்டால், rgba() இயல்பான வடிவம். உங்களுக்கு ஒளிர்வையோ சாயலையோ சரிசெய்ய வேண்டுமென்றால், HSL எளிதானது. நிறம் அச்சுக்குச் செல்லவிருந்தால், CMYK அடுத்த படி, அந்த மாற்றம் கொண்டுள்ள எச்சரிக்கைகளுடன். RGB ஐ CMYK ஆக பாருங்கள்.

ஹெக்ஸை மூலமாக வைத்திருங்கள்

ஒரு வணிகத் தட்டிலுள்ள நிறங்களுக்கு, ஹெக்ஸ் குறியீட்டைக் குறிப்பாக வைத்திருங்கள். அது குறுகியது, தெளிவானது, எங்கும் புரிந்துகொள்ளப்படுவது. உங்களுக்குத் தேவைப்படும்போது மற்ற வடிவங்களை அதிலிருந்து பெறுங்கள்.

தனிப்பயன் பண்புகளைப் பயன்படுத்துங்கள்

CSS இல், நிறங்களை ஒருமுறை --brand: #5A4632 என்று வரையறுத்து, அவற்றைப் பெயரால் குறிப்பிடுங்கள். rgba() க்கு உங்களுக்கு எண்கள் தேவைப்பட்டால், --brand-rgb: 90 70 50 ஐயும் வரையறுங்கள். மாற்றம் பின் ஒரே முறை செய்யப்படுகிறது.

நவீன CSS உம் RGB வடிவமும்

இடைவெளியால் பிரிக்கப்பட்ட தொடரியல்

நடப்பு CSS rgb() ஐ இடைவெளிகளுடனும் ஊடுருவும் தன்மைக்கு ஒரு சாய்வுக் கோட்டுடனும் ஏற்கிறது, rgb(90 70 50 / 50%) போல. எண்கள் காற்புள்ளி வடிவத்தில் உள்ளவையே, எனவே மாற்றத்தின் முடிவு இரண்டிலும் வேலை செய்கிறது. பழைய உலாவிகளும் சில கருவிகளும் காற்புள்ளிகளை எதிர்பார்க்கின்றன, எனவே நிறம் எங்குப் பயன்படுத்தப்படும் என்று உங்களுக்குத் தெரியாதபோது காற்புள்ளி வடிவம் பாதுகாப்பான தெரிவாக உள்ளது.

சதவீதங்களும் பின்னங்களும்

RGB ஐ rgb(35% 27% 20%) போல, 100 சதவீதம் 255 ஆக இருக்கும் சதவீதங்களுடனும் எழுதலாம். ஹெக்ஸ் சேமிப்பது அவற்றையே, பெரும்பாலான கருவிகள் எதிர்பார்ப்பது அவற்றையே என்பதால் பக்கம் முழு எண்களைத் தருகிறது. உங்களுக்குச் சதவீதங்கள் தேவைப்பட்டால், ஒவ்வோர் எண்ணையும் 255 ஆல் வகுத்து 100 ஆல் பெருக்குங்கள்.

மூன்று எண்களுக்குத் தனிப்பயன் பண்புகள்

ஒரு பொதுவான உத்தி மூன்று எண்களை மட்டும் ஒரு தனிப்பயன் பண்பில், --brand-rgb: 90 70 50, சேமித்து, அதை rgb(var(--brand-rgb) / 0.5) ஆகப் பயன்படுத்துவது. அது ஒரு தனி வரையறை திடமான, ஊடுருவும் பயன்பாடுகள் இரண்டுக்கும் சேவை செய்ய அனுமதிக்கிறது. இந்த நோக்கத்துக்கு நீங்கள் HEX ஐ RGB ஆக மாற்றும்போது, விடையிலிருந்து எண்களை மட்டும் நகலெடுங்கள்.

நடைமுறையில் நிறத்துடன் வேலை செய்தல்

வணிக வழிகாட்டிக்கு எதிராகச் சரிபாருங்கள்

ஒரு வணிக வழிகாட்டி ஒரே நிறத்துக்கு ஹெக்ஸ், rgb இரண்டையும் தந்தால், ஒன்றை மாற்றி மற்றதுடன் ஒப்பிடுங்கள். ஒரு பொருந்தாமை பொதுவாக வழிகாட்டியில் ஓர் எழுத்துப் பிழை என்று பொருள், அது ஒவ்வொரு பக்கத்திலும் பயன்படுத்தப்படும் முன் அதைக் கண்டறிவது எடுக்கும் நிமிடத்துக்குத் தகுதியானது.

ஒரு தட்டை ஒரு குறுகிய பட்டியலாக வையுங்கள்

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

பங்கு வாரியாக நிறங்களுக்குப் பெயரிடுங்கள்

முதன்மை, மேற்பரப்பு, எச்சரிக்கை போன்ற பெயர்கள் பச்சை அல்லது பழுப்பு போன்ற பெயர்களைவிட மறுவடிவமைப்புகளை நன்கு தாங்குகின்றன. மாற்றம் உங்களுக்கு எண்களைத் தருகிறது; பெயர் அவை எதற்காக என்று சொல்கிறது.

தொடர்புடைய மாற்றிகள்

கருவிகளின் அதே குடும்பம் அண்டை மாற்றங்களை உள்ளடக்குகிறது. திரும்பிச் செல்ல, RGB ஐ HEX ஆக பயன்படுத்துங்கள். சாயலால் விவரிக்கப்படும் நிறங்களுக்கு, HEX ஐ HSL ஆக உம் HSL ஐ HEX ஆக உம் கை வசம் உள்ளன, அச்சுக்கு, HEX ஐ CMYK ஆக, CMYK ஐ HEX ஆக, CMYK ஐ RGB ஆக. அதே நடைத் தாளில் அளவுகளுக்கு, px ஐ rem ஆக உம் px ஐ em ஆக உம் இந்தப் பக்கம் நிறங்களுக்குச் செய்வதை நீளங்களுக்குச் செய்கின்றன.

ஒரு செயல்முறை எடுத்துக்காட்டு

உங்கள் வணிக நிறம் #1E7A5C என்றும் ஓர் அட்டைப் பின்னணிக்கு ஓர் ஊடுருவும் பதிப்பு வேண்டும் என்றும் வைத்துக்கொள்ளுங்கள். நீங்கள் குறியீட்டைத் தட்டச்சு செய்து rgb(30, 122, 92) ஐப் படிக்கிறீர்கள். நடைத் தாளில் நீங்கள் background: rgba(30, 122, 92, 0.12) என்று, அதே பச்சையின் மிக இலகுவான சாயல், rgba(30, 122, 92, 0.4) எல்லையுடன் எழுதுகிறீர்கள். ஊடுருவும் தன்மை பக்கத்தை வழியே விடுவதால், அட்டை ஒரு வெள்ளைப் பக்கத்திலும் ஒரு சாம்பல் பக்கத்திலும் வசதியாக அமர்கிறது. வணிக நிறம் பின்னர் மாற்றப்படும்போது, நீங்கள் ஒரு தனிப்பயன் பண்பில் மூன்று எண்களை மாற்றுகிறீர்கள், ஒவ்வொரு சாயலும் பின்தொடர்கிறது.

ஒரு குறுகிய சரிபார்ப்புப் பட்டியல்

மாற்றுவதற்கு முன்

குறியீட்டின் நீளத்தைச் சரிபாருங்கள்: மூன்று, ஆறு அல்லது எட்டு இலக்கங்கள். உங்களுக்கு ஊடுருவும் தன்மை தேவையா என்று முடிவு செய்யுங்கள்.

மாற்றும்போது

குறியீட்டை ஒட்டி, rgb மதிப்பைப் படித்து, அதை அடைப்புக்குறிகளுடன், அல்லது மூன்று எண்களை மட்டும், நகலெடுங்கள்.

மாற்றிய பின்

நிறத்தைச் சூழலில், உண்மையான பின்னணியில், சோதித்து, அதன் மேல் அமரும் எந்த உரையின் முரண்பாட்டையும் சரிபாருங்கள்.

பொதுவான தவறுகள்

ஊடுருவும் சோடியை விட்டுவிடுதல்

எட்டு இலக்கங்கள் ஆல்பா என்று பொருள். அதை வைத்திருங்கள் அல்லது rgba() ஆக மாற்றுங்கள்.

நாள வரிசையைக் குழப்புதல்

ஹெக்ஸ் சிவப்பு முதலில். சில கருவிகள் நீலம் முதலில் எதிர்பார்க்கின்றன.

திரையை உண்மையாகக் கருதுதல்

எண்கள் துல்லியமானவை. தோற்றம் காட்சித் திரையைப் பொறுத்தது.

உங்கள் நிறங்கள் உங்கள் சாதனத்திலேயே இருக்கும்

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

சுருக்கம்

இங்கே HEX ஐ RGB ஆக மாற்ற, ஹெக்ஸ் குறியீட்டைத் தட்டச்சு செய்யுங்கள் அல்லது ஒட்டுங்கள், rgb மதிப்பை உடனே படியுங்கள். மாற்றம் நிறத்தைத் துல்லியமாகக் காக்கிறது: ஹெக்ஸும் rgb() உம் சிவப்பு, பச்சை, நீலத்துக்கு 0 முதல் 255 வரையிலான அதே மூன்று எண்களின் இரு எழுத்துக்கூட்டல்கள், எனவே எதுவும் தோராயமாக்கப்படவில்லை, ஒரு சுற்றுப் பயணம் அது தொடங்கியதைத் திருப்பித் தருகிறது. ஊடுருவும் தன்மைக்கான நான்காவது மதிப்பும் கடத்தப்படுகிறது, ஏனெனில் #RRGGBBAA என்பது rgba() ஆகிறது, திரும்பவும். இரு எழுத்துக்கூட்டல்களும் sRGB ஐ விவரிக்கின்றன, எனவே அதற்கு வெளியே நிறங்களை அவற்றால் விவரிக்க முடியாது, சுருக்க வடிவம் காக்கப்படுவதற்குப் பதிலாக விரிவாக்கப்படுகிறது: #abc என்பது #AABBCC ஆகத் திரும்ப வருகிறது. எதுவும் பதிவேற்றப்படுவதில்லை.