CSS
முன்பக்க உருவாக்கம்
DevTools ஐத் திறக்காமல் நேரடி வலைத்தளத்திலிருந்து CSS, SCSS அல்லது Tailwind அமைப்புக்கான துல்லியமான மதிப்புகளை எடுங்கள்.
Chrome க்கான இலவச நிறத் தேர்வி
எளிய நிற தேர்வி என்பது Chrome க்கான இலவச ஐடிராப்பர். அதன் பொத்தானை அல்லது Alt+P ஐ அழுத்துங்கள். பெரிதாக்கியில் எந்தப் பிக்சலையும் குறிவைத்துக் கிளிக் செய்யுங்கள். HEX, RGB அல்லது HSL குறியீடு ஏற்கெனவே உங்கள் இடைநிலைப்பலகையில் இருக்கும். கடைசி 50 நிறங்கள் மேல்தோன்றும் சாளரத்தில் காத்திருக்கும்.
Chrome Web Store இல் 453 பயனர்கள்
Edge, Brave, Opera மற்றும் பிற Chromium உலாவிகளிலும் இயங்கும்.

கருவிப்பட்டைச் சின்னத்தைக் கிளிக் செய்து நிறத்தைத் தேர்ந்தெடுக்கவும் பொத்தானை அழுத்துங்கள். அல்லது எந்தப் பக்கத்திலும் Alt+P ஐ அழுத்துங்கள்.
சதுரப் பெரிதாக்கி சுட்டியைச் சுற்றிய பகுதியைப் பெரிதாக்கி, துல்லியமான பிக்சலைச் சட்டமிடும். அதன் கீழுள்ள நிற மாதிரி HEX, RGB, HSL குறியீடுகளை உடனுக்குடன் காட்டும்.
குறியீடு உங்கள் இயல்புநிலை வடிவத்தில் நகலெடுக்கப்படும். ஒரு சிறு அறிவிப்பு அதை உறுதிப்படுத்தும். அதை CSS, Figma அல்லது செய்தியில் ஒட்டுங்கள்.
CSS
DevTools ஐத் திறக்காமல் நேரடி வலைத்தளத்திலிருந்து CSS, SCSS அல்லது Tailwind அமைப்புக்கான துல்லியமான மதிப்புகளை எடுங்கள்.
HEX
இடைமுகம், வடிவமைப்பு மாதிரி அல்லது மேற்கோளிலிருந்து நிறத் தொகுப்பை எடுங்கள். பக்கம் சரியான பிராண்டு நிறத்தைப் பயன்படுத்துகிறதா எனச் சரிபாருங்கள்.
HSL
ஒளிர்வையும் செறிவையும் கைமுறையாகச் சரிசெய்ய HSL ஐ எடுங்கள். எண்கள் தேவைப்படும் நிரலுக்கு RGB ஐ எடுங்கள்.
பெரிதாக்கி சுட்டியைச் சுற்றியுள்ள 11 × 11 பிக்சல்களைப் பெரிதாக்கும். குறிக்கோள் நீங்கள் தேரும் பிக்சலைச் சட்டமிடும். ஒரு பிக்சல் ஓரத்தையோ நிறச் சாய்வின் ஓர் அடுக்கையோ துல்லியமாகத் தேருங்கள்.
HEX எடுத்துக்காட்டு #2A6FDB, RGB எடுத்துக்காட்டு rgb(42, 111, 219), HSL எடுத்துக்காட்டு hsl(217, 71%, 51%). மேல்தோன்றும் சாளரத்தில் ஒருமுறை இயல்புநிலையைத் தேருங்கள்.
ஒவ்வொரு தேர்வும் கடைசி 50 நிறங்களின் கட்டத்தில் முதலிடத்தில் சேரும். ஒரே நிறம் மீண்டும் சேராது. மூன்று குறியீடுகளையும் பார்க்கவும் நகலெடுக்கவும் ஒரு நிற மாதிரியைக் கிளிக் செய்யுங்கள்.
மேல்தோன்றும் சாளரத்தைத் திறக்காமல் நிறத் தேர்வைத் தொடங்குங்கள். வேறு விசை வேண்டுமெனில், சாளரத்திலுள்ள விசைப் பொத்தான் Chrome குறுக்குவழி அமைப்புகளைத் திறக்கும்.
அனைத்தும் உங்கள் உலாவியிலேயே இயங்கும். கணக்கு, பகுப்பாய்வு, தொலைநிலை அளவீடு இல்லை.
மேல்தோன்றும் சாளரமும் பெரிதாக்கியும் உங்கள் கணினியின் தோற்றத்தைப் பின்பற்றும். அவற்றின் நடுநிலைச் சாம்பல் நிறங்கள் நீங்கள் மதிப்பிடும் நிறங்களின் தோற்றத்தை மாற்றாது.
Chrome இன் சொந்த ஐடிராப்பர் DevTools இல் உள்ளது. பாணிகள் பலகையைத் திறந்து, ஒரு நிறப் பண்பைக் கண்டுபிடித்து, அதன் நிற மாதிரியையும் பிறகு ஐடிராப்பரையும் கிளிக் செய்யுங்கள். அது இயங்கும், ஆனால் பல படிகளுக்குள் மறைந்துள்ளது. தேர்ந்த மதிப்பு இடைநிலைப்பலகைக்குச் செல்லாமல் பக்கத்தின் CSS பண்பை மாற்றும்.
எளிய நிற தேர்வி மூலம் ஒரு கிளிக் அல்லது ஒரு குறுக்குவழியில் ஐடிராப்பரை அடையலாம். தொடங்கும்போது தாவலின் தெரியும் பகுதியைப் படம்பிடித்து, அதன்மேல் சதுரப் பெரிதாக்கியைத் திறக்கும். சராசரி நிறத்திற்குப் பதிலாகத் துல்லியமான பிக்சலைப் பார்ப்பீர்கள். ஒரு கிளிக் குறியீட்டை நகலெடுக்கும். மேல்தோன்றும் சாளரம் அதை கடைசி 50 நிறங்களுடன் மூன்று வடிவங்களிலும் சேமிக்கும்.
தொடங்குமுன் பக்கத்தின் தேவையான பகுதிக்கு உருட்டுங்கள். பெரிதாக்கி அந்தப் படப்பிடிப்பிலிருந்தே படிக்கும். புதிய தாவல், அமைப்புகள், Chrome Web Store போன்ற உலாவிப் பக்கங்களை எந்த நீட்டிப்பும் அணுக முடியாது.
நீட்டிப்பு சேவையகத்துடன் ஒருபோதும் தொடர்புகொள்ளாது. பகுப்பாய்வோ தொலைநிலை அளவீடோ இல்லை.
உங்கள் வரலாறும் இயல்புநிலை வடிவமும் நீட்டிப்பின் உள்ளகச் சேமிப்பில் இருக்கும்.
படம்பிடிக்க, நிறத் தேர்வைத் தொடங்கும்போது மட்டும் செயலில் உள்ள தாவலை அணுகுதல்; பெரிதாக்கியைக் காட்ட நிரல் இயக்கம்; வரலாற்றுக்கும் வடிவத்துக்கும் சேமிப்பு; குறியீட்டை நகலெடுக்க இடைநிலைப்பலகையில் எழுதுதல்.
| DevTools ஐடிராப்பர், எளிய நிற தேர்வி ஒப்பீடு | DevTools ஐடிராப்பர் | எளிய நிற தேர்வி |
|---|---|---|
| தொடங்குவது எப்படி | DevTools திறந்து, பாணிகளில் நிறத்தைக் கண்டுபிடித்து, அதன் மாதிரியையும் பிறகு ஐடிராப்பரையும் கிளிக் செய்யுங்கள் | கருவிப்பட்டைப் பொத்தான் அல்லது Alt+P |
| முடிவு செல்லும் இடம் | நீங்கள் திறந்த CSS பண்புக்கு; நீங்களே நகலெடுக்க வேண்டும் | கிளிக் செய்ததும் உங்கள் இடைநிலைப்பலகைக்கு |
| நிற வடிவங்கள் | HEX, RGB, HSL மற்றும் பிற வடிவங்கள் | HEX, RGB மற்றும் HSL |
| முன்பு தேர்ந்த நிறங்கள் | சேமிக்கப்படாது | கடைசி 50, மீண்டும் நகலெடுக்கத் தயார் |
| விலை | Chrome இல் உள்ளமைந்தது | இலவசம் |
‘எளிய நிற தேர்வி’ நீட்டிப்பை நிறுவுங்கள். பக்கத்தில் Alt+P அழுத்தி, பெரிதாக்கியை நிறத்தின் மேல் குறிவைத்துக் கிளிக் செய்யுங்கள். HEX குறியீடு அல்லது நீங்கள் விரும்பும் RGB அல்லது HSL உங்கள் இடைநிலைப்பலகைக்கு நகலெடுக்கப்படும்.
அதே முறைதான்: தேர்வியைத் தொடங்கி, படத்தில் வேண்டிய பிக்சலைக் கிளிக் செய்யுங்கள். பெரிதாக்கி படத்தைப் பெரிதாக்குவதால் ஒரு துல்லியமான பிக்சலை எடுக்கலாம்.
ஆம். மேல்தோன்றும் சாளரத்தில் இயல்புநிலை வடிவத்தைத் தேருங்கள்: HEX, RGB அல்லது HSL. வரலாற்றிலுள்ள ஒவ்வொரு நிறத்திற்கும் மூன்று குறியீடுகளும் தனித்தனி நகல் பொத்தான்களுடன் காட்டப்படும்.
மேல்தோன்றும் சாளரத்தைத் திறக்கவும். கடைசி 50 நிறங்கள் மாதிரிகளாக, புதியவை முதலில் இருக்கும். குறியீடுகளைப் பார்த்து நகலெடுக்க ஒன்றைக் கிளிக் செய்யுங்கள். அல்லது வரலாற்றை அழிக்கலாம்.
மேல்தோன்றும் சாளரத்தில் குறுக்குவழி விசைப் பொத்தானைக் கிளிக் செய்யுங்கள். அது Chrome விசைப்பலகைக் குறுக்குவழிப் பக்கத்தைத் திறக்கும். அங்கு வேறு விசையை அமைக்கலாம்.
புதிய தாவல், அமைப்புகள், Chrome Web Store போன்ற சொந்தப் பக்கங்களை அணுக எந்த நீட்டிப்பையும் Chrome அனுமதிக்காது. தேர்வி தாவலின் தெரியும் பகுதியை மட்டுமே படிக்கும். முதலில் நிறம் உள்ள இடத்திற்கு உருட்டுங்கள்.
இல்லை. தற்போதைய உலாவித் தாவலிலிருந்து மட்டுமே நிறங்களை எடுக்கும். CMYK அல்லது Pantone க்கு மாற்றாது, நிற வேறுபாட்டையும் சரிபார்க்காது.
இது இலவசம். பிணையக் கோரிக்கைகள் எதையும் அனுப்பாது. உங்கள் வரலாறும் இயல்புநிலை வடிவமும் உங்கள் சாதனத்திலேயே இருக்கும்.