Color Picker

நிறங்களைத் தேர்ந்து செயலில் இறங்குங்கள் — எந்த சிக்கலும் இல்லை

பெருத்தமான ஆப்கள், அளவுக்கு மீறிய நிற கருவிகள் — இவற்றால் சோர்ந்து, 2025-இல் Color Picker-ஐ உருவாக்கினோம். முன்தள (front-end) டெவலப்பர்கள், ஓவியர்கள் ஆகிய எங்களுக்கு, ஒரு நிறத்தை வேகமாகப் பிடித்து, சிறிது திருத்தி, அடுத்த படிக்கு செல்ல வேண்டியது. உள்துறை கருவியாகத் தொடங்கி, குழுவினரின் பேவரிட்டானது; அதைத் துலக்கி, அனைவருக்கும் வலையத்தில் வெளியிட்டோம். கணக்கு இல்லாமல், கற்றல் வளைவும் இல்லை — பக்கத்தைத் திறந்து, ஒரு டோனைத் தேர்ந்து, HEX, RGB, HSL அல்லது HSV குறியீடுகளை நகலெடுக்கவும்.

எங்கள் நிறத் தேர்வி ஏன் பிடிக்கிறது

“அதே அந்த ஒரு டோனைச் சரியாக எப்படிப் பெறுவது?” என்று நீங்கள் ஒருபோதும் நினைத்திருந்தால், Color Picker இன் எளிமையை விரும்புவீர்கள். இடைமுகத்தை நாங்கள் திட்டமிட்டு மினிமலிஸ்டிக்காக வைத்திருக்கிறோம்:

• ஒரே கிளிக் — நிறம் உங்கள்தே — பலேட்டில் எங்கும் தட்டுங்கள்; வேண்டிய மதிப்புகள் உடனே தெரியும். புகைப்படம் அல்லது ஸ்கிரீன்‌ஷாடிலிருந்து எடுத்துக்கொள்ள வேண்டுமா? கோப்பை பக்கத்தில் விடுங்கள், பைப் கருவியைப் பயன்படுத்துங்கள்.
• கிரேடியென்ட்கள் எளிதாக — பட்டையில் நிறுத்தங்களைச் சேர்த்து நகர்த்தி பட்டு போன்ற மாற்றங்களைப் பெறுங்கள். லினியர்/ரேடியல் முறைமாறி, கோணம், வெளிப்படைத்தன்மை ஆகியவற்றை நுணுக்கமாகச் சரிசெய்து CSS-ஐ நகலெடுங்கள்.
• வரம்புகளில்லை, செலவுகளில்லை — Color Picker எந்த நவீன உலாவியிலும், டெஸ்க்டாப்/டேப்லெட்/மொபைலிலும் இயங்கும். எதையும் நிறுவத் தேவையில்லை; கட்டணமும் இல்லை.
• தேவையெனில் நீட்டிப்புகள் — எங்கள் விருப்ப நீட்டிப்புகள் Chrome மற்றும் Edge-இல் பைப்பை நேரடியாகக் கொண்டு வந்து, எந்தப் பக்கத்திலிருந்தும் எடுத்துக்கொள்ளவும் வரலாறை வைத்திருக்கவும் உதவும்.

எதற்காக

மக்கள் Color Picker-ஐ பல வழிகளில் பயன்படுத்துகிறார்கள்:

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

தொடங்குவது எப்படி

வழிகாட்டி தேவையில்லை — ஒரு சுருக்கப் பார்வை இதோ:

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