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

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

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

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

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

ஒவ்வோர் எண்ணும் இரு hex இலக்கங்களாகிறது

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

முன் சுழிகள்

ஒவ்வோர் இணைக்கும் இரண்டு இலக்கங்கள் இருக்க வேண்டும். 16 க்குக் குறைவான ஓர் எண்ணுக்கு முன்னால் ஒரு சுழி தேவை: 7 என்பது 07 ஆகிறது, 0 என்பது 00 ஆகிறது. எனவே rgb(0, 7, 255) என்பது #0007FF, #07FF அல்ல, அது முற்றிலும் வேறொன்றைக் குறிக்கும். சுழியை மறப்பது கையால் மாற்றும்போது மிகப் பொதுவான தவறு.

வீச்சு

ஒவ்வோர் எண்ணும் 0 க்கும் 255 க்கும் இடையில் இருக்க வேண்டும். 255 க்கு மேலான மதிப்பை இரு hex இலக்கங்களில் எழுத முடியாது, எதிர்மறை மதிப்புக்குப் பொருள் இல்லை. உங்கள் குறியீட்டிலுள்ள ஒரு கணக்கீடு 270 அல்லது −5 ஐ உருவாக்கியிருந்தால், முதலில் அதை வீச்சுக்குள் கட்டுப்படுத்துங்கள். மாற்றியும் அதையே செய்கிறது, அதனால் அது ஒருபோதும் செல்லாத குறியீட்டை உருவாக்குவதில்லை.

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

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

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

அது ஒளி ஊடுருவலைக் கடத்துகிறது

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

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

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

அது சுருக்க வடிவத்தைப் பாதுகாப்பதில்லை

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

பொதுவான நிறங்களும் அவற்றின் குறியீடுகளும்

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

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

வலைப் பாதுகாப்பான பழக்கம்

பழைய வழிகாட்டிகள் வலைப் பாதுகாப்பான நிறங்களைப் பற்றிப் பேசின, அவற்றின் இணைகள் 00, 33, 66, 99, CC அல்லது FF மட்டுமே. அவை 256-நிறத் திரைகளின் காலத்தைச் சேர்ந்தவை, நிலைத்திருக்க எந்தக் காரணமும் இல்லை. நீங்கள் விரும்பும் எந்த மதிப்பையும் பயன்படுத்துங்கள்; திரை அனைத்தையும் காட்ட முடியும்.

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

மூன்று எண்களைத் தட்டச்சு செய்யுங்கள்

முதல் புலத்தில் rgb(90, 70, 50) என்ற வடிவில், அல்லது எண்கள் காற்புள்ளிகளாலோ இடைவெளிகளாலோ பிரிக்கப்பட்டு, நிறத்தை உள்ளிடுங்கள். சதவீதங்கள் தேவையில்லை; 0 முதல் 255 வரையிலான எண்களைப் பயன்படுத்துங்கள்.

hex குறியீட்டைப் படியுங்கள்

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

அதை உங்கள் வேலையில் நகலெடுங்கள்

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

இந்தக் குறியீடுகள் எங்கிருந்து வருகின்றன

Hex உம் RGB உம் இருமுறை எழுதப்பட்ட ஒரே விஷயம்

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

HSL உம் CMYK உம்

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

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

வடிவமைப்புக் கையளிப்பில்

ஒரு வடிவமைப்பாளர் rgb மதிப்புகளைக் காட்டும் ஒரு எடிட்டரில் அல்லது ஒரு தேர்வியில் வேலை செய்கிறார்; உருவாக்குநருக்கு நடைத்தாளுக்கு hex தேவை. RGB ஐ HEX ஆக மாற்றுவது நடுவிலுள்ள படி, ஒரு தொகுப்பிலுள்ள ஒவ்வொரு நிறத்துக்கும் அது செய்யப்படுகிறது.

நிறங்களைக் கணக்கிடும் நிரல்களில்

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

தரவுக் காட்சிப்படுத்தலில்

வரைபட நூலகங்கள் நிறங்களை hex சரங்களாக ஏற்கின்றன. எண் முறைகளால் உருவாக்கப்பட்ட தொகுப்புகள் rgb மும்மைகளாக வெளிவருகின்றன. ஒரு மாற்றப் படி ஒன்றை மற்றொன்றாக மாற்றுகிறது.

ஆவணங்களிலும் விளக்கக்காட்சிகளிலும்

அலுவலக நிரல்கள் நிறங்களை RGB எண்களாகக் காட்டுகின்றன; வலை எடிட்டர்களுக்கு hex வேண்டும். ஒரு பிராண்ட் நிறம் இரண்டிலும் தோன்ற வேண்டியிருக்கும்போது, மாற்றம் அவற்றை ஒரே மாதிரி வைத்திருக்கிறது.

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

முன் சுழியை மறத்தல்

7 ஐ 07 என்று அல்லாமல் 7 என்று எழுதுவது பின்தொடரும் ஒவ்வோர் இலக்கத்தையும் நகர்த்துகிறது. எப்போதும் ஓர் இணைக்கு இரண்டு இலக்கங்களைப் பயன்படுத்துங்கள்.

சதவீதத்தை 0 முதல் 255 உடன் குழப்புதல்

rgb(35%, 27%, 20%) என்பது எண்களின் வேறு எழுத்துக்கூட்டல், 100 சதவீதம் என்பது 255. உங்கள் மூலம் சதவீதங்களைப் பயன்படுத்தினால், முதலில் அவற்றை 0 முதல் 255 க்கு மாற்றுங்கள்: 2.55 ஆல் பெருக்குங்கள்.

கணக்கிடப்பட்ட நிறங்களில் சுற்றுதல் பிழைகள்

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

ஒரு திரைப்பிடிப்பிலிருந்து நிறத்தை எடுத்தல்

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

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

rgb(255, 0, 0) hex இல் என்ன?

#FF0000, தூய சிவப்பு.

rgb(0, 0, 0) hex இல் என்ன?

#000000, கருப்பு.

hex குறியீட்டில் சிறிய எழுத்துகளைப் பயன்படுத்தலாமா?

ஆம். #5a4632 உம் #5A4632 உம் ஒரே நிறம். பக்கம் பெரிய எழுத்துகளை எழுதுகிறது.

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

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

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

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

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

HEX இலிருந்து RGB க்கு உடன், அது மூன்று இணைகளை எண்களாகப் படிக்கிறது.

ஒரு திட்டத்தில் நிறங்களை ஒரே சீராக வைத்திருக்கும் பழக்கங்கள்

ஒவ்வொரு நிறத்தையும் ஒருமுறை வரையறுங்கள்

உங்கள் தொகுப்பைத் தனிப்பயன் பண்புகளில் வையுங்கள், --brand: #5A4632 போல, நிறங்களைப் பெயரால் குறிப்பிடுங்கள். ஒரு புதிய நிறத்துக்கு நீங்கள் RGB ஐ HEX ஆக மாற்றும்போது, ஒரு வரியைச் சேர்க்கிறீர்கள், ஒவ்வொரு பயன்பாடும் பின்தொடர்கிறது.

ஒரு எழுத்து வடிவத்தைத் தேர்ந்தெடுங்கள்

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

மூலத்தைப் பதிவு செய்யுங்கள்

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

மாறுபாட்டைச் சோதியுங்கள்

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

ஏன் 256 படிகள், எண்களுக்குப் பின்னால் என்ன இருக்கிறது

ஒவ்வோர் ஒளிக்கும் எட்டு பிட்கள்

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

சம படிகள் ஏன் சமமாகத் தெரிவதில்லை

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

சாம்பல்களும் மூலைவிட்டமும்

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

ஒரு தொகுப்பைக் கட்டுதலும் சரிபார்த்தலும்

சில தேர்ந்தெடுத்த நிறங்களிலிருந்து ஒரு தொகுப்புக்கு

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

உரைக்கும் பின்னணிக்கும் இடையிலான மாறுபாடு

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

ஒரு பட்டியலை மாற்றுதல்

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

hex உம் rgb உம் ஒத்திசைவில் இருத்தல்

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

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

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

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

ஒரு பட எடிட்டரிலுள்ள ஒரு நிறத் தேர்வி ஒரு புகைப்படத்தின் அழுத்த நிறம் rgb(214, 98, 56) என்று சொல்கிறது என்று வைத்துக்கொள்ளுங்கள். நீங்கள் மூன்று எண்களைத் தட்டச்சு செய்து #D66238 படிக்கிறீர்கள். நடைத்தாளில் --accent: #D66238 என்று எழுதி பொத்தான்களுக்கும் இணைப்புகளுக்கும் பயன்படுத்துகிறீர்கள். பிராண்ட் வழிகாட்டியில் அந்த நிறம் என்ன என்று ஒரு சக ஊழியர் கேட்கிறார், நீங்கள் குறியீட்டை அனுப்புகிறீர்கள். பின்னர் ஒரு பதாகைக்கு ஓர் ஒளி ஊடுருவும் பதிப்பு உங்களுக்குத் தேவை, rgba(214, 98, 56, 0.15) ஐக் கட்ட HEX இலிருந்து RGB க்கு உடன் அதைத் திரும்ப மாற்றுகிறீர்கள். இரு மாற்றங்களும் துல்லியமானவை, எனவே பதாகை பொத்தானின் அதே சாயல்.

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

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

ஒவ்வோர் எண்ணும் 0 க்கும் 255 க்கும் இடையில் உள்ளதா என்று சரிபாருங்கள். உங்களுக்கு ஒளி ஊடுருவல் தேவையா என்று தீர்மானியுங்கள்.

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

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

மாற்றிய பிறகு

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

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

முன் சுழியை விடுதல்

ஒவ்வோர் இணைக்கும் இரண்டு இலக்கங்கள். 7 என்பது 07.

255 க்கு மேலான எண்களை எழுதுதல்

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

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

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

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

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

சுருக்கம்

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