Color Picker

നിറങ്ങൾ തെരഞ്ഞെടുത്ത് നേരെ ജോലിക്ക് — ബുദ്ധിമുട്ടില്ല

ഭാരമേറിയ ആപ്പുകളും അത്യന്തം സങ്കീർണ്ണമായ കളർ ടൂളുകളും മതി എന്നു തോന്നി, 2025-ൽ ഞങ്ങൾ Color Picker നിർമ്മിച്ചു. ഫ്രണ്ട്-എൻഡ് ഡെവലപ്പർമാരും ഇലസ്ട്രേറ്റർമാരുമായ ഞങ്ങൾക്ക്, നിറം പെട്ടെന്ന് പിടിച്ച് അല്പം ട്യൂൺ ചെയ്ത് മുന്നോട്ടു പോകാനുള്ള ഒരു മാർഗം വേണമായിരുന്നു. ഇത് ആദ്യം ആഭ്യന്തര ടൂളായിരുന്നു; സഹപ്രവർത്തകർക്ക് പ്രിയപ്പെട്ടതായപ്പോൾ ഞങ്ങൾ തട്ടിപ്പൊലിയിച്ച് എല്ലാവർക്കും ഉപയോഗിക്കാൻ വെബിൽ പ്രസിദ്ധപ്പെടുത്തി. അക്കൗണ്ടുകളില്ല, പഠിക്കേണ്ട കർവ്വില്ല — പേജ് തുറക്കുക, ടോൺ തിരഞ്ഞെടുക്കുക, പിന്നെ HEX, RGB, HSL അല്ലെങ്കിൽ HSV കോഡുകൾ കോപ്പി ചെയ്യുക.

എന്തുകൊണ്ടാണ് ഞങ്ങളുടെ കളർ പിക്കർ ആളുകൾ ഇഷ്ടപ്പെടുന്നത്?

ഒരു ഡിസൈൻ നോക്കി “ആ കൃത്യമായ ടോൺ എങ്ങനെ പിടിക്കാം?” എന്ന് വിചാരിച്ചിട്ടുണ്ടെങ്കിൽ, Color Picker-ന്റെ ലളിതത്വം നിങ്ങൾ വിലമതിക്കും. ഇന്റർഫേസ് മനപ്പൂർവ്വം മിനിമലായി നിർത്തിയിരിക്കുന്നു:

• ഒരു ക്ലിക്ക് — നിറം സ്വന്തമാക്കാം — പ്യാലറ്റിലെ ഏതു പോയിന്റിലും ടാപ്പ് ചെയ്യൂ; വേണ്ട മൂല്യങ്ങൾ ഉടൻ കാണാം. ഫോട്ടോയിലോ സ്ക്രീൻഷോട്ടിലോ നിന്ന് വേണമോ? ഫയൽ പേജിൽ ഇടുക, ഐഡ്രോപ്പർ ഉപയോഗിക്കുക.
• ഗ്രേഡിയന്റുകൾ എളുപ്പം — ബാറിൽ സ്റ്റോപ്പുകൾ ചേർത്തു/നീക്കി സിൽക്കി ട്രാൻസിഷനുകൾ ഉണ്ടാക്കാം. ലീനിയർ/റേഡിയൽ മാറി, കോൺ-ഓപാസിറ്റി ഫൈൻ-ട്യൂൺ ചെയ്ത് CSS കോപ്പി ചെയ്യുക.
• പരിമിതികളില്ല, ചെലവില്ല — ഡെസ്‌ടോപ്പ്, ടാബ്‌ലെറ്റ്, ഫോണിലെ എല്ലാ മോഡേൺ ബ്രൗസറുകളിലും പ്രവർത്തിക്കും. ഇൻസ്റ്റാൾ ഒന്നുമില്ല, ഫീസ് ഒന്നുമില്ല.
• ആവശ്യത്തിന് എക്സ്റ്റൻഷനുകൾ — ഞങ്ങളുടെ ഐച്ഛിക Chrome/Edge എക്സ്റ്റൻഷനുകൾ ഐഡ്രോപ്പറിനെ നേരിട്ട് ബ്രൗസറിലേക്ക് കൊണ്ടുവരുന്നു; ഏത് പേജിൽ നിന്നുമുള്ള സാമ്പിളും ചരിത്രസംരക്ഷണവും എളുപ്പം.

എന്തിനായി

ആൾകൾ Color Picker പല രീതിയിലും ഉപയോഗിക്കുന്നു:

• ഡിസൈനറുകളും പ്രോഡക്ട് ടീമുകളും ഇന്റർഫേസുകളും ബ്രാൻഡ് പ്യാലറ്റുകളും സ്കെച്ച് ചെയ്യുമ്പോൾ ഇത് ആശ്രയിക്കുന്നു. കോമ്പിനേഷനുകൾ പരിശോധിക്കാനും ഗ്രേഡിയന്റുകൾക്കുള്ള CSS കോപ്പി ചെയ്യാനും വേഗമാണ്.
• ഇലസ്ട്രേറ്റർമാരും ആർട്ടിസ്റ്റുകളും ഫോട്ടോകളിലും ചിത്രങ്ങളിലുമிருந்து പ്രചോദനം എടുക്കാൻ ഐഡ്രോപ്പർ ഉപയോഗിക്കുന്നു. ഗ്രേഡിയന്റ് ടൂൾ മൃദുവായ ഷേഡിംഗും നിറമാറ്റങ്ങളും പ്ലാൻ ചെയ്യാൻ സഹായിക്കും.
• ഫ്രണ്ട്-എൻഡ് ഡെവലപ്പർമാർ വിവിധ പ്രോജക്ടുകളിലുടനീളം ഏകീകരിച്ച നിറ മൂല്യങ്ങൾ സൃഷ്ടിക്കാൻ ഇതിൽ ആശ്രയിക്കുന്നു. എക്സ്റ്റൻഷൻ ഉള്ളതുകൊണ്ട് നിലവിലുള്ള സൈറ്റുകളിൽ നിന്ന് സാമ്പിളിംഗും എളുപ്പമാണ്.
• ആക്‌സസിബിലിറ്റി പരിശോധിക്കുന്ന ആരും നിറങ്ങളെ വിവിധ മോഡലുകളിൽ കണ്ടു കോൺട്രാസ്റ്റ് ഗൈഡ്ലൈനുകൾ പൂർത്തിയാകുന്നത് വരെ ഓപാസിറ്റി ക്രമീകരിക്കാം.

ആരംഭം

മാനുവൽ വേണ്ട — ഒരു ക്വിക്ക് ഓവർവ്യൂ ഇതാ:

• ഒരു നിറം തിരഞ്ഞെടുക്കുക — പ്യാലറ്റിലെ എവിടെയും ക്ലിക്ക് ചെയ്യുക. HEX, RGB, HSV മൂല്യങ്ങൾ ഉടൻ കാണാം. ഹ്യൂ, സാച്ചുറേഷൻ, ബ്രൈറ്റ്‌നസ്, ഓപാസിറ്റി എന്നിവ സ്ലൈഡറുകളിൽ ഫൈൻ-ട്യൂൺ ചെയ്യാം.
• ചിത്രത്തിൽ നിന്ന് സാമ്പിൾ എടുക്കുക — ചിത്ര ഫയൽ പേജിലേക്ക് ഡ്രാഗ് ചെയ്യുക അല്ലെങ്കിൽ തിരഞ്ഞെടുക്കുക. വേണ്ട പിക്സലിൽ ക്ലിക്ക് ചെയ്‌താൽ കളർ കോഡുകൾ കാണിക്കും.
• ഗ്രേഡിയന്റ് നിർമ്മിക്കുക — ഗ്രേഡിയന്റ് ബാറിൽ ക്ലിക്ക് ചെയ്ത് സ്റ്റോപ്പുകൾ ചേർക്കുക, വലിച്ചുനീക്കി ക്രമപ്പെടുത്തുക; ലീനിയറും റേഡിയലും തമ്മിൽ മാറാം. കോൺ, ഓപാസിറ്റി എന്നിവ ആവശ്യത്തിന് ക്രമീകരിക്കുക.
• കോപ്പി ചെയ്ത് വീണ്ടും ഉപയോഗിക്കുക — നിങ്ങളുടെ നിറങ്ങളും ഗ്രേഡിയന്റുകളും സ്വയം സംരക്ഷിക്കപ്പെടും. കോഡുകളോ CSS-ഒയെ കോപ്പി ചെയ്ത് പ്രോജക്ടിൽ പേസ്റ്റ് ചെയ്‌തോ ടീമുമായി പങ്കുവെച്ചോ മതി.