HSL-ஐ HEX ஆக மாற்றுதல் Hue Saturation Lightness ↔ Hexadecimal இலவசம் ஆன்லைன் பாதுகாப்பு
HSL-இல் ஒரு மதிப்பை எழுதுங்கள், அதே இடத்தில் HEX ஆகப் படித்துக்கொள்ளுங்கள். கணக்கு உங்கள் உலாவியிலேயே நடக்கிறது, எங்கும் எதுவும் அனுப்பப்படுவதில்லை, விடை எதைச் சார்ந்தது என்பது ஊகிக்கப்படாமல் கீழே எழுதப்பட்டுள்ளது.
எதுவும் பதிவேற்றப்படுவதில்லை
இந்தக் குறியீட்டு முறைகள் எங்கிருந்து வந்தன
ஹெக்ஸ்ஸும் RGB-யும் ஒரே பொருளை இரு முறை எழுதியவை. திரையின் நிறம் என்பது மூன்று எண்கள் — சிவப்பு, பச்சை, நீல ஒளியை எவ்வளவு வெளியிட வேண்டும் — ஒவ்வொன்றும் 0 முதல் 255 வரை, அதாவது ஒரு பைட்; ஹெக்ஸ் அந்த பைட்களைப் பதினாறு அடிப்படையில் எழுதுகிறது அவ்வளவே; எனவே #FF8800-உம் rgb(255, 136, 0)-உம் ஒரே படவணுவுக்குத் தரப்பட்ட ஒரே கட்டளை. HSL கண்டுபிடிக்கப்பட்டது, இவை இரண்டுமே மனிதனால் வாசிக்கப்பட முடியாதவை என்பதால்தான்: அது நிறத்தை நிறச் சக்கரத்தின் கோணமாகவும், தெவிட்டலையும் ஒளிர்வையும் விழுக்காடாகவும் தருகிறது; எனவே வடிவமைப்பாளர் மூன்று எண்களையும் மறுகணக்கிடாமலே ஒன்றை வெளிர்விக்க முடியும். CMYK முற்றிலும் வேறு உலகுக்கு உரியது — ஒளிக்கு அல்ல, மையிற்கு. அது கழித்தல் முறையிலானது; நான்கு அச்சுத் தகடுகளால் கட்டப்பட்டது; திரை தரக்கூடிய ஒவ்வொரு நிறத்தையும் அடைய முடியாது — ஏனெனில் திரை ஒளியை வெளியிடுகிறது, காகிதமோ அதை எதிரொளிப்பதோடு சரி.
இவற்றை எங்கே சந்திப்பீர்கள்
ஹெக்ஸ் என்பதே நீங்கள் பாணித் தாளில் தட்டச்சு செய்வது, வடிவமைப்புக் கருவி உங்களிடம் தருவது. RGB, நிறத்துக்குக் கணக்கு தேவைப்படும் எவ்விடத்திலும் தோன்றுகிறது: சாய்வு நிறங்கள், ஒளிஊடுருவல், ஒரு சாயலைக் கணக்கிடும் நிரல். HSL-ஐ நோக்கிக் கை நீள்வது, ஒரு நிறத்தட்டைக் கையால் சரிசெய்யும்போது; ஏனெனில் நாம் விரும்பும் மாற்றங்கள் பெரும்பாலும் அதன் மூன்று எண்களுள் ஒன்றின் மாற்றமே. CMYK என்பது அச்சகம் கேட்பது; அதற்கு மாற்றும் கணமே, ஒரு வடிவமைப்பு ஒளியாக இருப்பதை நிறுத்தி மையாக மாறும் கணம்.
அடிக்கடி கேட்கப்படும் கேள்விகள்
என் CMYK முடிவு அச்சகம் தருவதிலிருந்து ஏன் வேறுபடுகிறது?
ஏனெனில் சரியான மாற்றம் என ஒன்றே ஒன்று இல்லை. இந்தப் பக்கத்தின் கணக்கு, சாதனத்தைச் சாராத எளிய கணக்கு; ஒரு தொடக்கப் புள்ளியோ தோராயமான இணையோ தேவைப்படும்போது அதுவே சரியான விடை. அச்சகம் ஒரு நிறச் சுயவிவரத்தின் வழியே மாற்றுகிறது; அது குறிப்பிட்ட மை, காகிதம், அச்சு இயந்திரம் ஆகியவற்றைக் கணக்கில் கொள்கிறது. அதே RGB நிறம், பளபளப்புக் காகிதத்தில் ஒரு CMYK மதிப்பையும், பூச்சில்லாக் காகிதத்தில் வேறொன்றையும் தரும். சரியாகப் பொருந்த வேண்டிய எதற்கும், ஒரு சூத்திரத்தை நம்பாமல் அச்சகத்திடம் அவர்களின் சுயவிவரத்தைக் கேளுங்கள்.
திரையின் சில நிறங்களை ஏன் அச்சிட முடியாது?
ஏனெனில் இரண்டும் ஒரே நிறங்களை எட்டுவதில்லை. திரை ஒளியைக் கூட்டி நிறத்தை உருவாக்குகிறது; மையால் ஒருபோதும் ஈடுசெய்ய முடியாத பிரகாசமான, தெவிட்டிய நீலப்பச்சையையோ பச்சையையோ தர முடியும். காகிதம் ஒளியை உறிஞ்சி நிறத்தை உருவாக்குகிறது; அது எட்டக்கூடிய மிகப் பிரகாசமான நிலை, தாளின் வெண்மைதான். ஒவ்வொன்றும் எட்டக்கூடிய நிறங்களின் தொகுதிக்கு «கேமட்» என்று பெயர்; அவை ஒன்றையொன்று மேவாத இடத்தில், மாற்றம் கிடைக்கக்கூடிய மிக அருகிலுள்ள நிறத்தைத் தேர்வு செய்யவே வேண்டும். திரையில் பிரகாசமாகத் தெரியும் நிறம் அச்சில் சற்று மங்கலாகத் தோன்றுவதற்குக் காரணம் அதுவே.
விடை துல்லியமானதா?
இரு அலகுகளும் முழு எண்களால் ஒன்றையொன்று வரையறுக்கும் இடத்தில் ஆம் — பக்கம் அதை எண்ணுக்கு மேலே சொல்கிறது, வட்டமிடல் என்பது எத்தனை இலக்கங்கள் காட்டப்படுகின்றன என்பதில் மட்டுமே. விகிதத்துக்கு முடிவுறு தசமம் இல்லாத இடத்தில், பக்கம் பன்னிரண்டு கணிசமான இலக்கங்களைக் காட்டி, தொடர்பு தோராயமானது என்று சொல்கிறது — வேறு மாதிரி நடிப்பதில்லை.
நான் தட்டச்சு செய்வது என் சாதனத்தை விட்டு வெளியேறுகிறதா?
இல்லை. கணக்கு உங்கள் உலாவியிலேயே நடக்கிறது; எதுவும் பதிவேற்றப்படுவதில்லை, பதிவேற்ற ஒரு வழங்கியும் இல்லை. பக்கத்தை ஒருமுறை ஏற்றினால், இணையத்தை அணைத்தாலும் வேலை செய்யும்.
நீங்கள் ஏன் HSL ஐ HEX ஆக மாற்றுகிறீர்கள்
நீங்கள் ஒரு நிறத்தை HSL இல் வகுத்தீர்கள், ஏனெனில் அது நீங்கள் சிந்திக்கக்கூடிய குறிமுறை: சாயல் 30, செறிவு 29%, ஒளிர்வு 28%, ஒரு மங்கலான பழுப்பு, நகர்த்தும் நிலைக்கு 34% இல் ஒரு வெளிறிய பதிப்பு. இப்போது நிறம் ஒரு ஹெக்ஸ் குறியீட்டை விரும்பும் எங்காவது செல்ல வேண்டும்: ஒரு வடிவமைப்புக் குறியீட்டுக் கோப்பு, ஒரு வணிகத் தாள், hsl() ஐப் புரிந்துகொள்ளாத ஒரு கருவி, ஒரு மின்னஞ்சல் வார்ப்புரு, ஒரு சக ஊழியருக்கான ஒரு செய்தி. HSL ஐ HEX ஆக மாற்றுவது என்பது நீங்கள் காரணம் கண்ட நிறத்தை எடுத்து, குறுகிய, தெளிவான, எல்லாவற்றாலும் புரிந்துகொள்ளப்படும் வடிவத்தில் எழுதுவது.
மாற்றம் வடிவமைப்பாளர்கள் முதலில் சந்திப்பதற்கு எதிர்த் திசையில் வேலை செய்கிறது. அது மூன்று மனிதநேய எண்களிலிருந்து தொடங்கி மூன்று பைட்டுகளை அடைகிறது. ஒவ்வொரு படியும் நேரடிக் கணிதம், ஆனால் அது சில முக்கோணவியல் போன்ற நேர்வுகளையும் சுற்றலையும் உள்ளடக்குகிறது, அதனால்தான் மக்கள் அது தமக்காகச் செய்யப்படுவதை விரும்புகிறார்கள். பக்கம் அதை உங்கள் உலாவிக்குள் செய்கிறது, எதுவும் பதிவேற்றப்படுவதில்லை. கீழே மூன்று எண்கள் ஆறு ஹெக்ஸ் இலக்கங்களாக எப்படி ஆகின்றன, மாற்றம் எதைக் காக்கிறது, HSL வழியாகச் சென்ற ஒரு நிறம் அது தொடங்கிய இடத்திலிருந்து ஒரு படி அல்லது இரு படிகள் தொலைவில் ஏன் வந்து சேரலாம், வடிவமைப்பாளர்கள் மாற்றத்தைப் பயன்படுத்தும் வழிகள், தவிர்க்க வேண்டிய பொறிகளைக் காண்பீர்கள்.
மாற்றம் எவ்வாறு செயல்படுகிறது
சாயல், செறிவு, ஒளிர்விலிருந்து சிவப்பு, பச்சை, நீலத்துக்கு
மாற்றி முதலில் நிறம் சாம்பலிலிருந்து எவ்வளவு தொலைவில் உள்ளது என்ற குரோமாவைக் கணக்கிடுகிறது: அது செறிவுடன் வளர்கிறது, ஒளிர்வு 50% இலிருந்து விலகும்போது சுருங்குகிறது. அது பின் சாயலை நிறச் சக்கரத்தின் ஆறு துறைகளில் ஒன்றில், ஒவ்வொன்றும் 60 பாகை அகலத்தில், வைத்து, துறையிலிருந்து மூன்று நாளங்களில் எது அதன் அதிகபட்சத்தில், எது குறைந்தபட்சத்தில், எது இடையில் உள்ளது என்று முடிவு செய்கிறது. இறுதியாக ஒளிர்வு சரியாக வருமாறு ஒரு மாறிலியைச் சேர்த்து, மூன்று மதிப்புகளை 0 முதல் 1 வரம்பிலிருந்து 0 முதல் 255 வரை அளவிட்டு, ஒவ்வொன்றையும் முழு எண்ணுக்குச் சுற்றுகிறது. அந்த மூன்று பைட்டுகள் பதினாறு அடிப்படையில், ஒவ்வொன்றும் இரு இலக்கங்களில், எழுதப்படுகின்றன.
எண்களுடன் ஓர் எடுத்துக்காட்டு
hsl(30, 29%, 28%) ஐ எடுங்கள். குரோமா (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624. 30 பாகைச் சாயல் முதல் துறையின் வழியே பாதி, எனவே நடு நாளம் குரோமாவில் பாதி, 0.0812. சேர்க்க வேண்டிய மாறிலி 0.28 − 0.0812 = 0.1988. எனவே சிவப்பு 0.1624 + 0.1988 = 0.3612, பச்சை 0.0812 + 0.1988 = 0.28, நீலம் 0.1988. 255 ஆல் பெருக்கிச் சுற்றினால், இவை 92, 71, 51. ஹெக்ஸில், அது #5C4733.
சாம்பல்கள்
செறிவு 0% ஆக இருக்கும்போது, சாயல் எதுவாயினும் நிறம் ஒரு சாம்பல், மூன்று பைட்டுகளும் சமம். hsl(0, 0%, 50%) என்பது #808080. சாயல் புறக்கணிக்கப்படுகிறது, எனவே எந்தச் சாயல் எண்ணும் அதே சாம்பலைத் தருகிறது.
மாற்றம் எதைக் காக்கிறது, எதைக் காக்க முடியாது
நீங்கள் விவரித்தபடி நிறத்தை அது காக்கிறது
முடிவு நீங்கள் தந்த சாயல், செறிவு, ஒளிர்வு கொண்ட நிறம், பைட்டுகளாக எழுதப்பட்டது. நீங்கள் தட்டச்சு செய்த மூன்று எண்களும் கண் வரிசைப்படுத்துவது போன்ற நிறம், சக்கரத்தில் ஒரு சாயல், அது எவ்வளவு செறிவானது, எவ்வளவு இலகுவானது. அதனால்தான் HSL ஐ வைத்திருப்பது தகுதியானது, மாற்றம் உங்கள் தெரிவை ஹெக்ஸுக்கு நம்பகமாகக் கொண்டு செல்கிறது.
திரும்பும் வழியில் அதே எண்களை அது வாக்களிக்க முடியாது
இரண்டும் ஒரே நிறங்களை விவரிக்கின்றன, ஆனால் HSL அவற்றை ஒரு வேறுபட்ட வடிவியலினூடே அடைகிறது, அதன் மூன்று எண்களும் எழுதப்படும்போது முழுப் பாகைகளுக்கும் முழு சதவீதங்களுக்கும் சுற்றப்படுகின்றன. எனவே HSL க்கு எடுத்துச் சென்று திரும்பக் கொண்டுவரப்பட்ட ஒரு நிறம் அது தொடங்கிய இடத்திலிருந்து ஒரு அல்லது இரு படிகள் தொலைவில் வந்து சேரலாம்: பார்வையில் ஒன்றே, பைட்டுக்குப் பைட் ஒன்றல்ல. எங்கள் எடுத்துக்காட்டில், #5A4632 என்பது அதன் HSL ஏறத்தாழ hsl(30, 29%, 28%) ஆக இருந்த ஒரு நிறம்; அந்தச் சுற்றப்பட்ட எண்களைத் திரும்ப மாற்றுவது #5C4733 ஐத் தருகிறது, சிவப்பில் இரு படிகள் தொலைவில். உங்களுக்குத் துல்லியப் பைட்டுகள் தேவைப்பட்டால், ஹெக்ஸை வைத்திருங்கள்.
சதவீதக், பாகைக் குறிகள்
பக்கம் சாயலைப் பாகைகளிலும் செறிவையும் ஒளிர்வையும் சதவீதத்திலும் வாசிக்கிறது. நீங்கள் அவற்றைக் குறிகளுடனோ இல்லாமலோ எழுதலாம். 360 க்கு மேலோ 0 க்குக் கீழோ உள்ள சாயல் சக்கரத்தைச் சுற்றி மடிக்கப்படுகிறது, எனவே 390 என்பது 30 போன்றதே.
நடைமுறைப் பயன்பாடுகள்
ஒரு வடிவமைப்புக் குறியீட்டுக் கோப்பை எழுதுதல்
ஒரு வடிவமைப்பு அமைப்பு நிறங்களைக் குறியீடுகளாகச் சேமிக்கிறது. பல குழுக்கள் நிறங்களை HSL இல் உருவாக்குகின்றன, ஏனெனில் அவற்றைப் பற்றிக் காரணம் காண முடியும், ஹெக்ஸில் வெளியிடுகின்றன, ஏனெனில் ஒவ்வொரு கருவியும் அதை வாசிக்கிறது. ஒவ்வொரு குறியீட்டுக்கும் ஒருமுறை HSL ஐ HEX ஆக மாற்றுங்கள், வெளியிடப்பட்ட கோப்பு எல்லோரும் பயன்படுத்தக்கூடிய ஒன்றாகிறது.
hsl() ஐ வாசிக்காத கருவிகளுக்கு நிறங்களை உருவாக்குதல்
மின்னஞ்சல் வாடிக்கையாளர்கள், சில ஆவணத் திருத்திகள், பழைய வரைகலை நிரல்கள், பல வரைபட நூலகங்கள் ஹெக்ஸை மட்டுமே ஏற்கின்றன. நீங்கள் HSL இல் வகுத்தது எதுவாயினும் அவை பயன்படுத்தும் முன் மாற்றப்பட வேண்டும்.
உருவாக்கப்பட்ட தட்டைச் சரிபார்த்தல்
சாயலைச் சுழற்றித் தட்டை உருவாக்கும் ஒரு நிரல் hsl() மதிப்புகளின் பட்டியலைத் தருகிறது. அவற்றை நீங்கள் ஒரு நடைத் தாளில் இடும் அல்லது ஒரு வடிவமைப்பாளரிடம் தரும் குறியீடுகளாகப் பார்க்க, ஒவ்வொன்றையும் ஹெக்ஸுக்கு மாற்றுங்கள். அதே குறியீட்டுக்குச் சுற்றப்படும், எனவே உண்மையில் வேறுபடாத மதிப்புகளைக் கண்டறியவும் அது உதவுகிறது.
ஒரு செய்தியில் நிறத்தைப் பகிர்தல்
ஒரு ஹெக்ஸ் குறியீடு குறுகியது, நகலெடுக்கக்கூடியது, நிறத்துடன் வேலை செய்யும் கிட்டத்தட்ட எல்லோரும் புரிந்துகொள்வது. ஓர் hsl() மதிப்பு நீளமானது, வடிவமைப்புக்கு வெளியே குறைவாகப் பழக்கமானது. நீங்கள் ஒருவருக்கு ஒரு நிறத்தை அனுப்பும்போது, ஹெக்ஸ் மரியாதையான வடிவம்.
இங்கே HSL ஐ HEX ஆக மாற்றுவது எப்படி
hsl மதிப்பைத் தட்டச்சு செய்யுங்கள் அல்லது ஒட்டுங்கள்
முதல் புலத்தில் நிறத்தை hsl(30, 29%, 28%) வடிவத்தில், அல்லது மூன்று எண்களை மட்டும், உள்ளிடுங்கள். சாயல் பாகைகளில், செறிவும் ஒளிர்வும் சதவீதத்தில்.
ஹெக்ஸ் குறியீட்டைப் படியுங்கள்
விடை உடனே தோன்றுகிறது, hsl(30, 29%, 28%) = #5C4733 போல. அது பெரிய எழுத்துகளுடனும் ஹாஷ் குறியுடனும் எழுதப்படுகிறது.
அதை உங்கள் வேலையில் நகலெடுங்கள்
குறியீட்டை உங்கள் நடைத் தாள், குறியீட்டுக் கோப்பு அல்லது செய்தியில் பயன்படுத்துங்கள். எதிர்த் திசைக்கு, HEX ஐ HSL ஆக ஒரு சொடுக்கில் உள்ளது.
இந்தக் குறிமுறைகள் எங்கிருந்து வருகின்றன
ஹெக்ஸும் RGB யும் இருமுறை எழுதப்பட்ட ஒரே விஷயம்
ஒரு திரை நிறம் என்பது மூன்று எண்கள், எவ்வளவு சிவப்பு, பச்சை, நீல ஒளியை உமிழ வேண்டும், ஒவ்வொன்றும் 0 முதல் 255 வரை, அது ஒரு பைட். ஹெக்ஸ் வெறுமனே அந்தப் பைட்டுகளைப் பதினாறு அடிப்படையில் எழுதுகிறது. எண்களைப் பார்க்க, HEX ஐ RGB ஆக மாற்றுங்கள்.
HSL உம் CMYK உம்
HSL கண்டுபிடிக்கப்பட்டது ஏனெனில் இரண்டில் எதுவும் ஒரு மனிதனுக்கு வாசிக்கக்கூடியதல்ல: அது நிறச் சக்கரத்தைச் சுற்றி ஒரு கோணமாகச் சாயலையும், சதவீதங்களாகச் செறிவையும் ஒளிர்வையும் தருகிறது, எனவே ஒரு வடிவமைப்பாளர் மூன்று எண்களை மீண்டும் கணக்கிடாமல் ஏதாவது ஒன்றை இலகுவாக்கலாம். CMYK முற்றிலும் வேறுபட்ட உலகத்துக்குரியது, ஒளி அல்ல, மை. அது கழிக்கும் முறை, நான்கு அச்சுத் தகடுகளால் கட்டப்பட்டது, ஒரு திரை காணக்கூடிய ஒவ்வொரு நிறத்தையும் அதனால் எட்ட முடியாது, ஏனெனில் ஒரு திரை ஒளியை உமிழ்கிறது, காகிதம் அதைப் பிரதிபலிக்க மட்டுமே செய்கிறது.
HSL ஐ HEX ஆக மாற்றும்போது பொறிகள்
அசல் குறியீடு திரும்பும் என்று எதிர்பார்த்தல்
நீங்கள் ஒரு ஹெக்ஸ் குறியீட்டிலிருந்து தொடங்கி, அதை HSL ஆக மாற்றி, எதையும் சரிசெய்யாமல் திரும்ப மாற்றினால், ஒரு படி அல்லது இரு படிகள் தொலைவில் ஒரு வேறுபட்ட குறியீட்டைப் பெறலாம். ஒரு தனி நிறத்துக்கு அது புலப்படாதது. ஒரு வடிவமைப்பு அமைப்புக்கு, எந்த வடிவம் மூலம் என்று முடிவு செய்து, மற்றதைப் பெறப்பட்டதாகக் கருதுங்கள்.
செறிவையும் ஒளிர்வையும் குழப்புதல்
இரண்டும் தவறுதலாக மாற்றிக்கொள்ள எளிது: hsl(30, 28%, 29%) என்பது hsl(30, 29%, 28%) அல்ல. வரிசை சாயல், செறிவு, ஒளிர்வு. திரையில் நிறம் நீங்கள் எதிர்பார்த்தபடி தோன்றவில்லை என்றால், அவற்றைத் தலைகீழாக்கவில்லை என்று சரிபாருங்கள்.
ஒளிர்வு பிரகாசம் அல்ல என்பதை மறத்தல்
ஒரே ஒளிர்வு கொண்ட இரு நிறங்கள் பிரகாசத்தில் வேறுபட்டுத் தோன்றலாம். 50% ஒளிர்வில் மஞ்சள் 50% இல் நீலத்தைவிட மிகப் பிரகாசமாகத் தோன்றுகிறது. நீங்கள் உரைக்கும் பின்னணிக்கும் நிறங்களைத் தேர்ந்தெடுக்கிறீர்கள் என்றால், ஒளிர்வு எண்களை ஒப்பிடுவதால் அல்ல, ஒரு சரியான கருவியால் அவற்றின் முரண்பாட்டைச் சரிபாருங்கள்.
வரம்புக்கு வெளியே மதிப்புகளைப் பயன்படுத்துதல்
செறிவும் ஒளிர்வும் 0 முதல் 100 சதவீதத்துக்கு வரையறுக்கப்பட்டவை. அந்த வரம்புக்கு வெளியே மதிப்புகள் இறுக்கப்படுகின்றன. 120% ஒளிர்வு வெள்ளையைவிடப் பிரகாசமானது அல்ல; அது வெள்ளை.
மாற்றுவதற்கு முன் மக்கள் கேட்கும் கேள்விகள்
ஹெக்ஸில் hsl(0, 100%, 50%) என்ன?
#FF0000, தூய சிவப்பு.
ஹெக்ஸில் hsl(0, 0%, 100%) என்ன?
#FFFFFF, வெள்ளை.
நான் தசமங்களைப் பயன்படுத்தலாமா?
ஆம். hsl(30.5, 28.6%, 27.8%) ஏற்கப்படுகிறது. முடிவு முழுப் பைட்டுகளுக்குச் சுற்றப்படுகிறது.
மாற்றம் துல்லியமானதா?
நீங்கள் தட்டச்சு செய்த எண்களுக்கான துல்லியப் பைட்டுகளை, முழு மதிப்புகளுக்குச் சுற்றி, அது தருகிறது. HSL எண்கள் சுற்றப்பட்டிருந்ததால், திரும்பிச் செல்வது ஒரு படி தொலைவில் வந்து சேரலாம்.
என் நிறம் பதிவேற்றப்படுகிறதா?
இல்லை. கணிதம் உங்கள் உலாவிக்குள் இயங்குகிறது, எதுவும் எங்கும் அனுப்பப்படுவதில்லை.
நான் எப்படித் திரும்பிச் செல்வது?
HEX ஐ HSL ஆக மூலம்.
HSL ஐ HEX ஆக மாற்றும்போது புத்திசாலித்தனமாகத் தேர்ந்தெடுத்தல்
எந்த வடிவம் மூலம் என்று முடிவு செய்யுங்கள்
நீங்கள் HSL இல் வடிவமைத்தால், HSL மதிப்புகளை மூலமாக வைத்து ஹெக்ஸை வெளியீடாக வெளியிடுங்கள். வணிகம் உங்களுக்கு ஹெக்ஸைத் தந்தால், அதை வைத்து HSL ஐ மாறுபாடுகளுக்கு மட்டுமே பயன்படுத்துங்கள். இரண்டையும் சம மூலங்களாகக் கலப்பதே விலகலை உருவாக்குகிறது.
மாறுபாட்டுக்கு HSL, நிர்ணயிக்க ஹெக்ஸ்
உங்களுக்கு நிழல்களின் ஒரு குடும்பம் தேவைப்படும்போது, HSL இல் வேலை செய்யுங்கள். ஒவ்வொரு கருவியிலும் ஒரே மாதிரி இருக்கும்படி ஒரு நிறத்தை நிர்ணயிக்க வேண்டியபோது, அதை ஹெக்ஸாக எழுதுங்கள்.
நீங்கள் தட்டச்சு செய்த எண்களை வைத்திருங்கள்
உங்கள் தட்டுக் குறிப்பில் ஹெக்ஸுக்கு அருகில் HSL மதிப்புகளைப் பதிவு செய்யுங்கள். பின்னர் யாராவது வெளிறிய பதிப்பை விரும்பினால், ஏற்கனவே சுற்றப்பட்ட ஒரு குறியீட்டிலிருந்து அல்ல, உங்கள் எண்களிலிருந்து தொடங்கலாம்.
சக்கரத்தின் ஆறு துறைகள்
எந்த நாளம் உயர்வு, எது தாழ்வு
மாற்றம் சக்கரத்தை 60 பாகை கொண்ட ஆறு துறைகளாகப் பிரிக்கிறது, ஒவ்வொன்றிலும் ஒரு நாளம் அதன் அதிகபட்சத்தில், ஒன்று குறைந்தபட்சத்தில், மூன்றாவது மென்மையாக மாறுகிறது. 0 முதல் 60 வரை, சிவப்பு அதிகபட்சத்தில், நீலம் குறைந்தபட்சத்தில், பச்சை உயர்கிறது: சிவப்பு மஞ்சளாகிறது. 60 முதல் 120 வரை, பச்சை அதிகபட்சத்தில், சிவப்பு வீழ்கிறது: மஞ்சள் பச்சையாகிறது. 120 முதல் 180 வரை, பச்சை உயர்வாகவே இருக்கிறது, நீலம் உயர்கிறது: பச்சை சியானாகிறது. 180 முதல் 240 வரை, நீலம் பொறுப்பேற்கிறது, பச்சை வீழ்கிறது. 240 முதல் 300 வரை, நீலம் உயர்வாகவே இருக்கிறது, சிவப்பு உயர்கிறது: நீலம் மெஜந்தாவாகிறது. 300 முதல் 360 வரை, சிவப்பு மீண்டும் பொறுப்பேற்கிறது, நீலம் வீழ்கிறது. நீங்கள் HSL ஐ HEX ஆக மாற்றும்போது, உங்கள் சாயல் எந்தத் துறையில் உள்ளது என்று அறிவது உதவுகிறது, ஏனெனில் விடையிலுள்ள மூன்று சோடிகளில் எது பெரியதாக இருக்கும் என்று அது சொல்கிறது.
விடைக்கு ஏன் ஒரு குடும்ப ஒற்றுமை உள்ளது
ஒரே சாயலும் செறிவும் ஆனால் வேறுபட்ட ஒளிர்வும் கொண்ட நிறங்கள் உறவினர்களைப் போலத் தோன்றும் ஹெக்ஸ் குறியீடுகளைத் தருகின்றன: எந்தச் சோடி உயர்வு எது தாழ்வு என்ற அதே வடிவம், மேலும் கீழும் அளவிடப்பட்டது மட்டுமே. #5C4733, #7A5F44, #A38461 அனைத்தும் ஒரே குடும்பத்தில் உள்ளன, சிவப்பு பெரியது, பின் பச்சை, பின் நீலம். இதை ஒரே பார்வையில் வாசிக்கக் கற்கலாம், அது தவறுகளைப் பிடிப்பதை எளிதாக்குகிறது.
ஓர் ஒளிர்வுச் சரிவைக் கட்டுதல்
ஒரு சாயல், ஒன்பது படிகள்
மாற்றத்தின் மிக நடைமுறைப் பயன்பாடு ஒரு தனி நிறத்தின் சரிவை மிக வெளிறியதிலிருந்து மிக இருண்டது வரை கட்டுவது, வடிவமைப்பு அமைப்புகள் 50, 100, 200 என 900 வரை முத்திரையிடும் வகை அளவுகோல். ஒரு சாயலையும் ஒரு செறிவையும் தேர்ந்தெடுத்து, ஒளிர்வை 96, 90, 80, 70, 60, 50, 40, 30, 20 சதவீதம் போன்ற மதிப்புகள் வழியாகப் படியுங்கள். ஒவ்வொரு படிக்கும் HSL ஐ HEX ஆக மாற்றுங்கள், ஒன்றாகச் சேர்ந்த ஒன்பது குறியீடுகள் உங்களிடம் உள்ளன. மிக வெளிறிய, இருண்ட படிகளில் முனைகளில் செறிவைச் சற்றுக் குறைப்பது, சில புள்ளிகள், அதை நிலையாக வைத்திருப்பதைவிட இயல்பாகத் தோன்றுகிறது.
படிகளுக்குப் பெயரிடுதல்
ஒவ்வொரு படிக்கும் அதன் மதிப்பை அல்ல, அதன் பங்கைப் பதிவு செய்யும் பெயரைத் தாருங்கள்: மிக வெளிறியதுக்கு மேற்பரப்பு, அடுத்ததுக்கு ஓரம், மிக இருண்டதுக்கு உரை. குறியீட்டில், ஒரு பெயர் அடுத்த வாசகருக்கு நிறம் எதற்காக என்று சொல்கிறது, அதைப் பயன்படுத்தும் விதிகளைத் தொடாமல் அதன் பின்னால் உள்ள எண்ணை நீங்கள் மாற்றலாம்.
ஒளிர், இருண்ட கருப்பொருள்கள்
சரிவைக் கண்ணாடிப் பிம்பமாக்குதல்
ஓர் இருண்ட கருப்பொருள் பெரும்பாலும் சரிவு புரட்டப்பட்ட ஒளிர் கருப்பொருள்: ஒளிர் கருப்பொருளில் மிக வெளிறிய படி பக்கப் பின்னணியாகிறது, மிக இருண்டது இருண்டதில் பின்னணியாகிறது. நீங்கள் சரிவை HSL இல் கட்டியிருந்தால், இருண்ட கருப்பொருள் உங்களுக்கு இரண்டாவது தொகுப்பு மாற்றங்களைத் தவிர எதுவும் செலவாக்குவதில்லை. சாயலை நிலையாக வைத்திருங்கள், அது வணிக இயல்பைக் காக்கிறது, செறிவை மிதமாகச் சரிசெய்யுங்கள், ஏனெனில் செறிவான நிறங்கள் இருண்ட பின்னணிகளில் கடுமையாகத் தோன்ற முனைகின்றன.
இரு கருப்பொருள்களையும் சரிபார்த்தல்
இரு கருப்பொருள்களிலும் ஒவ்வோர் உரை, பின்னணிச் சோடியையும் முரண்பாட்டுக்குச் சோதியுங்கள். வெள்ளையில் வேலை செய்யும் ஒரு நிறம் கிட்டத்தட்ட-கறுப்பில் தோல்வியடையலாம், ஒரு முரண்பாட்டுக் கருவியுடனும் நீங்கள் இப்போதுதான் உருவாக்கிய ஹெக்ஸ் குறியீடுகளுடனும் சோதனை ஒரு நிமிடம் எடுக்கிறது.
நிறத்தைப் பற்றி உங்களுக்கு ஒரு தோராய யோசனை மட்டுமே இருக்கும்போது
சக்கரத்திலிருந்து தொடங்கிப் பின் செம்மைப்படுத்துங்கள்
சில நேரங்களில் உங்களிடம் ஹெக்ஸ் குறியீடே இல்லை, ஒரு யோசனை மட்டுமே: ஓர் அமைதியான நீலம், ஒரு வெதுவெதுப்பான ஆரஞ்சு, ஒரு புதிய பச்சை. HSL தொடங்க ஒரு நல்ல இடம், ஏனெனில் நீங்கள் சக்கரத்தின் அடையாளங்களிலிருந்து ஒரு சாயலைத் தேர்ந்தெடுத்து, ஒரு மிதமான செறிவையும் ஓர் இடைநிலை ஒளிர்வையும் அமைத்து, பின் உங்களிடம் என்ன உள்ளது என்று பார்க்க HSL ஐ HEX ஆக மாற்றலாம். அது மிகச் சத்தமாகத் தோன்றினால், செறிவைக் குறையுங்கள்; அது தட்டையாகத் தோன்றினால், ஒளிர்வை நகர்த்துங்கள். ஒவ்வொரு முயற்சியும் விநாடிகள் செலவாகிறது, நீங்கள் நேராக ஒரு நடைத் தாளில் இடக்கூடிய ஒரு ஹெக்ஸ் குறியீட்டுடன் முடிக்கிறீர்கள்.
தொடர்புடைய மாற்றிகள்
கருவிகளின் அதே குடும்பம் அண்டை மாற்றங்களை உள்ளடக்குகிறது. திரும்பிச் செல்ல, HEX ஐ HSL ஆக பயன்படுத்துங்கள். குறியீட்டின் பின்னால் உள்ள எண்களுக்கு, HEX ஐ RGB ஆக உம் RGB ஐ HEX ஆக உம் உள்ளன, அச்சுக்கு, HEX ஐ CMYK ஆக உம் CMYK ஐ HEX ஆக உம். அதே நடைத் தாளில் அளவுகளுக்கு, px ஐ rem ஆக இந்தப் பக்கம் நிறங்களுக்குச் செய்வதை நீளங்களுக்குச் செய்கிறது.
ஒரு செயல்முறை எடுத்துக்காட்டு
ஒரு செயலியின் வெற்றி நிலைக்கு நீங்கள் ஒரு பச்சையைத் தேர்ந்தெடுத்துள்ளீர்கள் என்று வைத்துக்கொள்ளுங்கள்: hsl(145, 55%, 38%). நீங்கள் அதைத் தட்டச்சு செய்து #2C9658 ஐப் படிக்கிறீர்கள். அந்தக் குறியீட்டை குறியீட்டுக் கோப்பில் --success ஆகப் பயன்படுத்துகிறீர்கள். ஒரு வெற்றி அறிவிப்பின் பின்னணிக்கு நீங்கள் அதே சாயலை, hsl(145, 45%, 94%), எடுத்து #E9F7EF ஐப் படிக்கிறீர்கள். ஓரத்துக்கு, hsl(145, 45%, 78%), அது #AEE0C3 என்று படிக்கிறது. மூன்று குறியீடுகள், ஒரு சாயல், அனைத்தும் ஒரு நிமிடத்தில் பெறப்பட்டவை, ஒவ்வொன்றும் குழுவிலுள்ள எந்தக் கருவியும் திறக்கக்கூடிய ஒரு தெளிவான ஹெக்ஸ் குறியீடு.
ஒரு குறுகிய சரிபார்ப்புப் பட்டியல்
மாற்றுவதற்கு முன்
மூன்று எண்களின் வரிசையைச் சரிபாருங்கள்: சாயல், செறிவு, ஒளிர்வு. எந்த வடிவம் உங்கள் மூலம் என்று முடிவு செய்யுங்கள்.
மாற்றும்போது
மதிப்புகளைத் தட்டச்சு செய்து, ஹெக்ஸைப் படித்து அதை ஹாஷ் குறியுடன் நகலெடுங்கள்.
மாற்றிய பின்
நிறத்தைச் சூழலில் திரையில் பார்த்து, பின்னர்க்காகக் குறியீட்டுக்கு அருகில் HSL மதிப்புகளைக் குறித்துக்கொள்ளுங்கள்.
பொதுவான தவறுகள்
செறிவையும் ஒளிர்வையும் மாற்றிக்கொள்ளுதல்
வரிசை சாயல், செறிவு, ஒளிர்வு.
பழைய ஹெக்ஸை மீட்க எதிர்பார்த்தல்
அது ஒரு படி தொலைவில் வந்து சேரலாம். அது முக்கியம் என்றால் அசலை வைத்திருங்கள்.
முரண்பாட்டுக்குப் பதிலாக ஒளிர்வை ஒப்பிடுதல்
உரைக்கும் பின்னணிக்கும் ஒரு முரண்பாட்டுக் கருவியைப் பயன்படுத்துங்கள்.
உங்கள் நிறங்கள் உங்கள் சாதனத்திலேயே இருக்கும்
கணக்கீடு உள்ளூரில் நடக்கிறது. உங்கள் மதிப்புகள் உங்கள் சொந்த உலாவியால் பயன்படுத்தப்படுகின்றன, எதுவும் எங்கும் அனுப்பப்படுவதில்லை. பின்னர் நீக்க எதுவும் இல்லை, உருவாக்க ஒரு கணக்கும் இல்லை. HSL ஐ HEX ஆக மாற்றுவதற்கான தெளிவான வழி அதுவே.
சுருக்கம்
இங்கே HSL ஐ HEX ஆக மாற்ற, சாயலைப் பாகைகளிலும் செறிவையும் ஒளிர்வையும் சதவீதத்திலும் தட்டச்சு செய்து, ஹெக்ஸ் குறியீட்டை உடனே படியுங்கள். மாற்றம் கண் வரிசைப்படுத்துவது போல நிறத்தைக் காக்கிறது: சக்கரத்தில் ஒரு சாயல், அது எவ்வளவு செறிவானது, எவ்வளவு இலகுவானது. இரு குறிமுறைகளும் ஒரே நிறங்களை விவரிக்கின்றன, ஆனால் HSL அவற்றை ஒரு வேறுபட்ட வடிவியலினூடே அடைகிறது, அதன் மூன்று எண்களும் முழுப் பாகைகளுக்கும் முழு சதவீதங்களுக்கும் சுற்றப்படுகின்றன, எனவே HSL க்கு எடுத்துச் சென்று திரும்பக் கொண்டுவரப்பட்ட ஒரு நிறம் அது தொடங்கிய இடத்திலிருந்து ஒரு அல்லது இரு படிகள் தொலைவில் வந்து சேரலாம். உங்களுக்குத் துல்லியப் பைட்டுகள் தேவைப்பட்டால், ஹெக்ஸை வைத்திருங்கள். எதுவும் பதிவேற்றப்படுவதில்லை.