ലളിതമായ കളർ പിക്കർ

Chrome-നുള്ള സൗജന്യ കളർ പിക്കർ

ഏത് പേജിൽ നിന്നും നിറം എടുക്കുക. #E8553D നേടുക

ലളിതമായ കളർ പിക്കർ Chrome-നുള്ള സൗജന്യ ഐ ഡ്രോപ്പർ ആണ്. അതിന്റെ ബട്ടൺ അല്ലെങ്കിൽ Alt+P അമർത്തുക, സൂം ലൂപ്പിലൂടെ ഏതെങ്കിലും പിക്സലിലേക്ക് ലക്ഷ്യമിട്ട് ക്ലിക്ക് ചെയ്യുക: HEX, RGB അല്ലെങ്കിൽ HSL കോഡ് അപ്പോൾ തന്നെ ക്ലിപ്പ്ബോർഡിൽ ഉണ്ടാകും. അവസാന 50 നിറങ്ങൾ പോപ്പ്അപ്പിൽ കാത്തിരിക്കുന്നു.

Chrome-ൽ ചേർക്കുക — സൗജന്യം

Chrome Web Store-ൽ 453 ഉപയോക്താക്കൾ

Edge, Brave, Opera, മറ്റ് Chromium ബ്രൗസറുകളിലും പ്രവർത്തിക്കുന്നു.

വെബ് പേജിലെ പോസ്റ്ററിന് മുകളിലുള്ള ചതുര സൂം ലൂപ്പ് ഒരു പിക്സലിനെ അതിന്റെ HEX, RGB, HSL സഹിതം ഫ്രെയിം ചെയ്യുന്നു; അടുത്തായി #E8553D-ഉം നിറങ്ങളുടെ ചരിത്രവും കാണിക്കുന്ന ലളിതമായ കളർ പിക്കർ പോപ്പ്അപ്പ്

ഒറ്റനോട്ടത്തിൽ

എന്ത് ചെയ്യുന്നു
കളർ പിക്കർ ഐ ഡ്രോപ്പർ: സൂം ലൂപ്പിലൂടെ വെബ് പേജിലെ ഏത് പിക്സലിലേക്കും ലക്ഷ്യമിട്ട് ക്ലിക്ക് ചെയ്യുക, അതിന്റെ HEX, RGB അല്ലെങ്കിൽ HSL കോഡ് പകർത്തപ്പെടും.
ആർക്ക് വേണ്ടി
ബ്രൗസറിൽ തുറന്ന ലൈവ് സൈറ്റുകൾ, മോക്കപ്പുകൾ, സ്ക്രീൻഷോട്ടുകൾ എന്നിവയിൽ നിന്ന് നിറങ്ങൾ പൊരുത്തപ്പെടുത്തുന്ന വെബ് ഡെവലപ്പർമാർക്കും ഡിസൈനർമാർക്കും, കളർ കോഡ് ആവശ്യമുള്ള ആർക്കും.
വില
സൗജന്യം. അക്കൗണ്ട് ഇല്ല, പണമടച്ചുള്ള പതിപ്പില്ല.
ഡാറ്റ
നിങ്ങളുടെ ചരിത്രവും ഡിഫോൾട്ട് ഫോർമാറ്റും നിങ്ങളുടെ ഉപകരണത്തിലെ എക്സ്റ്റൻഷന്റെ ലോക്കൽ സ്റ്റോറേജിൽ തന്നെ നിൽക്കുന്നു. അനലിറ്റിക്സ് ഇല്ല, നെറ്റ്‌വർക്ക് അഭ്യർഥനകളില്ല.
എവിടെ പ്രവർത്തിക്കും
കമ്പ്യൂട്ടറിൽ Chrome-ഉം Chrome Web Store-ൽ നിന്ന് ഇൻസ്റ്റാൾ ചെയ്യുന്ന മറ്റ് Chromium ബ്രൗസറുകളും. പുതിയ ടാബ് പേജ്, ക്രമീകരണങ്ങൾ, Chrome Web Store പോലുള്ള ബ്രൗസർ പേജുകളിൽ പ്രവർത്തിക്കില്ല.
പരിമിതികൾ
ടാബിന്റെ ദൃശ്യഭാഗത്ത് നിന്ന്, നിങ്ങൾ ആരംഭിക്കുമ്പോൾ എടുക്കുന്ന സ്നാപ്പ്ഷോട്ടിൽ നിന്ന് നിറം എടുക്കുന്നു. CMYK, Pantone, കോൺട്രാസ്റ്റ് പരിശോധന ഇല്ല; ബ്രൗസറിന് പുറത്ത് നിന്ന് നിറം എടുക്കാനും കഴിയില്ല.
പതിപ്പ്
2.7.0, അപ്ഡേറ്റ് ചെയ്തത് 2026 ഒക്‌ടോബർ 23

മൂന്ന് ഘട്ടങ്ങൾ, ഒരു ക്ലിക്ക്

  1. 1

    പിക്കർ ആരംഭിക്കുക

    ടൂൾബാർ ഐക്കണിൽ ക്ലിക്ക് ചെയ്ത് ഒരു നിറം തിരഞ്ഞെടുക്കുക ബട്ടൺ അമർത്തുക, അല്ലെങ്കിൽ ഏത് പേജിലും Alt+P അമർത്തുക.

  2. 2

    ലൂപ്പ് ഉപയോഗിച്ച് ലക്ഷ്യമിടുക

    ചതുരാകൃതിയിലുള്ള ലൂപ്പ് കഴ്സറിന് ചുറ്റും സൂം ചെയ്ത് കൃത്യമായ ഒരു പിക്സലിനെ ഫ്രെയിം ചെയ്യുന്നു. അതിന് താഴെയുള്ള ചിപ്പ് HEX, RGB, HSL എന്നിവ തത്സമയം കാണിക്കുന്നു.

  3. 3

    ക്ലിക്ക് ചെയ്ത് പേസ്റ്റ് ചെയ്യുക

    കോഡ് നിങ്ങളുടെ ഡിഫോൾട്ട് ഫോർമാറ്റിൽ പകർത്തപ്പെടുന്നു, ഒരു ചെറിയ സന്ദേശം അത് ഉറപ്പാക്കുന്നു. CSS, Figma, അല്ലെങ്കിൽ സന്ദേശത്തിൽ പേസ്റ്റ് ചെയ്യുക.

ആരൊക്കെ ഉപയോഗിക്കുന്നു

CSS

ഫ്രണ്ട്-എൻഡ് ജോലി

DevTools തുറക്കാതെ ലൈവ് സൈറ്റിൽ നിന്ന് CSS, SCSS അല്ലെങ്കിൽ Tailwind കോൺഫിഗിനായി കൃത്യമായ മൂല്യങ്ങൾ എടുക്കുക.

HEX

ഡിസൈൻ, ബ്രാൻഡ് പരിശോധന

ഒരു ഇന്റർഫേസ്, മോക്കപ്പ് അല്ലെങ്കിൽ റഫറൻസിൽ നിന്ന് പാലറ്റ് എടുക്കുക, ഒരു പേജ് ശരിയായ ബ്രാൻഡ് നിറമാണോ ഉപയോഗിക്കുന്നതെന്ന് പരിശോധിക്കുക.

HSL

നിറങ്ങൾ ക്രമീകരിക്കൽ

ലൈറ്റ്നെസും സാച്ചുറേഷനും കൈകൊണ്ട് ക്രമീകരിക്കാൻ HSL എടുക്കുക, അല്ലെങ്കിൽ അക്കങ്ങൾ ആവശ്യമുള്ള കോഡിന് RGB.

എന്ത് ചെയ്യുന്നു

  • പിക്സൽ, ഫ്രെയിമിൽ

    ലൂപ്പ് കഴ്സറിന് ചുറ്റുമുള്ള 11 × 11 പിക്സലുകൾ വലുതാക്കുന്നു, നിങ്ങൾ എടുക്കുന്ന പിക്സലിനെ ഒരു ക്രോസ്ഹെയർ ഫ്രെയിം ചെയ്യുന്നു. ഒരു പിക്സൽ ബോർഡറോ ഗ്രേഡിയന്റിലെ ഒറ്റ പടിയോ കൃത്യമായി പിടിക്കാം.

  • ഫോർമാറ്റുകൾ

    #2A6FDB പോലുള്ള HEX, rgb(42, 111, 219) പോലുള്ള RGB, hsl(217, 71%, 51%) പോലുള്ള HSL. ഡിഫോൾട്ട് ഫോർമാറ്റ് പോപ്പ്അപ്പിൽ ഒരിക്കൽ തിരഞ്ഞെടുത്താൽ മതി.

  • നിറങ്ങൾ ചരിത്രത്തിൽ

    തിരഞ്ഞെടുക്കുന്ന ഓരോ നിറവും അവസാന 50 നിറങ്ങളുടെ ഗ്രിഡിന്റെ മുന്നിൽ വരുന്നു, ആവർത്തനമില്ലാതെ. ഒരു സ്വാച്ചിൽ ക്ലിക്ക് ചെയ്ത് മൂന്ന് കോഡുകളും കാണുകയും പകർത്തുകയും ചെയ്യാം.

  • Alt+P ഷോർട്ട്കട്ട്

    പോപ്പ്അപ്പ് തുറക്കാതെ തിരഞ്ഞെടുക്കൽ ആരംഭിക്കുക. മറ്റൊരു കീ വേണമെങ്കിൽ പോപ്പ്അപ്പിലെ കീക്യാപ് Chrome-ന്റെ ഷോർട്ട്കട്ട് ക്രമീകരണങ്ങൾ തുറക്കും.

  • നെറ്റ്‌വർക്ക് അഭ്യർഥനകൾ

    എല്ലാം നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെ പ്രവർത്തിക്കുന്നു. അക്കൗണ്ട് ഇല്ല, അനലിറ്റിക്സ് ഇല്ല, ടെലിമെട്രി ഇല്ല.

  • ലൈറ്റും ഡാർക്കും

    പോപ്പ്അപ്പും ലൂപ്പും സിസ്റ്റം തീം പിന്തുടരുന്നു, നിങ്ങൾ വിലയിരുത്തുന്ന നിറങ്ങളിൽ ചായം പടർത്താത്ത നിഷ്പക്ഷ ചാരനിറങ്ങളിൽ.

വെബ് പേജിലെ ഏതിന്റെയും കളർ കോഡ് എങ്ങനെ കിട്ടും

Chrome-ന്റെ സ്വന്തം ഐ ഡ്രോപ്പർ DevTools-നുള്ളിലാണ്: ശൈലികൾ പാനൽ തുറക്കുക, ഒരു നിറത്തിന്റെ പ്രോപ്പർട്ടി കണ്ടെത്തുക, അതിന്റെ സ്വാച്ചിൽ ക്ലിക്ക് ചെയ്യുക, പിന്നെ ഐ ഡ്രോപ്പറിൽ. ഇത് പ്രവർത്തിക്കും, പക്ഷേ ഒളിഞ്ഞിരിക്കുന്നു, തിരഞ്ഞെടുത്ത മൂല്യം ക്ലിപ്പ്ബോർഡിൽ എത്തുന്നതിന് പകരം പേജിന്റെ CSS-ലെ ആ പ്രോപ്പർട്ടിയെ മാറ്റിസ്ഥാപിക്കുന്നു.

ലളിതമായ കളർ പിക്കർ ഐ ഡ്രോപ്പറിനെ ഒരു ക്ലിക്കിലോ ഒരു ഷോർട്ട്കട്ടിലോ എത്തിക്കുന്നു. ആരംഭിക്കുമ്പോൾ അത് ടാബിന്റെ ദൃശ്യഭാഗത്തിന്റെ സ്നാപ്പ്ഷോട്ട് എടുത്ത് അതിന് മുകളിൽ ചതുര ലൂപ്പ് തുറക്കുന്നു, അതിനാൽ ശരാശരിയല്ല, കൃത്യമായ പിക്സൽ തന്നെ കാണാം. ഒരു ക്ലിക്ക് കോഡ് പകർത്തുന്നു, പോപ്പ്അപ്പ് അത് അവസാന 50 നിറങ്ങൾക്കൊപ്പം മൂന്ന് ഫോർമാറ്റിലും സൂക്ഷിക്കുന്നു.

ആരംഭിക്കുന്നതിന് മുമ്പ് പേജിൽ ആവശ്യമുള്ള ഭാഗത്തേക്ക് സ്ക്രോൾ ചെയ്യുക: ലൂപ്പ് ആ സ്നാപ്പ്ഷോട്ടിൽ നിന്നാണ് വായിക്കുന്നത്. പുതിയ ടാബ് പേജ്, ക്രമീകരണങ്ങൾ, Chrome Web Store പോലുള്ള ബ്രൗസർ പേജുകൾ എല്ലാ എക്സ്റ്റൻഷനുകൾക്കും അടച്ചിരിക്കുന്നു.

രൂപകൽപ്പനയിൽ തന്നെ സ്വകാര്യം

  • നെറ്റ്‌വർക്ക് അഭ്യർഥനകളില്ല

    എക്സ്റ്റൻഷൻ ഒരിക്കലും ഒരു സെർവറുമായി സംസാരിക്കില്ല. അനലിറ്റിക്സ് ഇല്ല, ടെലിമെട്രി ഇല്ല.

  • നിങ്ങളുടെ ഉപകരണത്തിൽ തന്നെ

    നിങ്ങളുടെ ചരിത്രവും ഡിഫോൾട്ട് ഫോർമാറ്റും എക്സ്റ്റൻഷന്റെ ലോക്കൽ സ്റ്റോറേജിൽ ആണ്.

  • നാല് അനുമതികൾ

    സ്നാപ്പ്ഷോട്ട് എടുക്കാൻ ആക്ടീവ് ടാബ്, നിങ്ങൾ തിരഞ്ഞെടുക്കൽ ആരംഭിക്കുമ്പോൾ മാത്രം; ലൂപ്പ് കാണിക്കാൻ സ്ക്രിപ്റ്റിങ്; ചരിത്രത്തിനും ഫോർമാറ്റിനും സ്റ്റോറേജ്; കോഡ് പകർത്താൻ ക്ലിപ്പ്ബോർഡിലേക്ക് എഴുതൽ.

DevTools ഐ ഡ്രോപ്പർ vs ലളിതമായ കളർ പിക്കർ

DevTools ഐ ഡ്രോപ്പർ vs ലളിതമായ കളർ പിക്കർDevTools ഐ ഡ്രോപ്പർലളിതമായ കളർ പിക്കർ
എങ്ങനെ ആരംഭിക്കാംDevTools തുറക്കുക, ശൈലികളിൽ നിറം കണ്ടെത്തുക, സ്വാച്ചിൽ ക്ലിക്ക് ചെയ്യുക, പിന്നെ ഐ ഡ്രോപ്പറിൽടൂൾബാർ ബട്ടൺ അല്ലെങ്കിൽ Alt+P
ഫലം എവിടെ പോകുന്നുനിങ്ങൾ തുറന്ന CSS പ്രോപ്പർട്ടി; പകർത്തേണ്ടത് നിങ്ങൾ തന്നെക്ലിക്ക് ചെയ്യുമ്പോൾ നിങ്ങളുടെ ക്ലിപ്പ്ബോർഡ്
കളർ ഫോർമാറ്റുകൾHEX, RGB, HSL എന്നിവയും മറ്റുംHEX, RGB, HSL
മുമ്പ് എടുത്ത നിറങ്ങൾസൂക്ഷിക്കില്ലഅവസാന 50, വീണ്ടും പകർത്താൻ തയ്യാർ
വിലChrome-ൽ ഉൾപ്പെട്ടത്സൗജന്യം

ചോദ്യങ്ങൾ

ഒരു വെബ്സൈറ്റിൽ നിന്ന് കളർ കോഡ് എങ്ങനെ കിട്ടും?

ലളിതമായ കളർ പിക്കർ ഇൻസ്റ്റാൾ ചെയ്യുക, പേജിൽ Alt+P അമർത്തുക, ലൂപ്പ് നിറത്തിലേക്ക് ലക്ഷ്യമിട്ട് ക്ലിക്ക് ചെയ്യുക. HEX കോഡ്, അല്ലെങ്കിൽ ഇഷ്ടമെങ്കിൽ RGB അല്ലെങ്കിൽ HSL, ക്ലിപ്പ്ബോർഡിലേക്ക് പകർത്തപ്പെടും.

വെബ് പേജിലെ ചിത്രത്തിൽ നിന്ന് നിറം എങ്ങനെ തിരഞ്ഞെടുക്കാം?

അതേ രീതിയിൽ: പിക്കർ ആരംഭിച്ച് ചിത്രത്തിൽ വേണ്ട പിക്സലിൽ ക്ലിക്ക് ചെയ്യുക. ലൂപ്പ് സൂം ചെയ്യുന്നതിനാൽ കൃത്യമായ ഒരു പിക്സൽ എടുക്കാം.

HEX-ന് പകരം HSL അല്ലെങ്കിൽ RGB പകർത്താമോ?

പറ്റും. പോപ്പ്അപ്പിൽ ഡിഫോൾട്ട് ഫോർമാറ്റ് തിരഞ്ഞെടുക്കുക: HEX, RGB അല്ലെങ്കിൽ HSL. ചരിത്രത്തിലെ ഏത് നിറത്തിനും മൂന്നും പോപ്പ്അപ്പ് കാണിക്കുന്നു, ഓരോന്നിനും സ്വന്തം പകർത്തൽ ബട്ടണോടെ.

മുമ്പ് എടുത്ത നിറങ്ങൾ എവിടെ കിട്ടും?

പോപ്പ്അപ്പ് തുറക്കുക: അവസാന 50 നിറങ്ങൾ സ്വാച്ചുകളായി അവിടെയുണ്ട്, പുതിയത് ആദ്യം. ഒന്നിൽ ക്ലിക്ക് ചെയ്ത് അതിന്റെ കോഡുകൾ കാണുകയും പകർത്തുകയും ചെയ്യാം, അല്ലെങ്കിൽ ചരിത്രം മായ്ക്കാം.

Alt+P ഷോർട്ട്കട്ട് എങ്ങനെ മാറ്റാം?

പോപ്പ്അപ്പിലെ ഷോർട്ട്കട്ട് കീക്യാപ്പിൽ ക്ലിക്ക് ചെയ്യുക. അത് Chrome-ന്റെ കീബോർഡ് ഷോർട്ട്കട്ട് പേജ് തുറക്കും, അവിടെ മറ്റൊരു കീ സജ്ജമാക്കാം.

ചില പേജുകളിൽ ഇത് എന്തുകൊണ്ട് പ്രവർത്തിക്കുന്നില്ല?

പുതിയ ടാബ് പേജ്, ക്രമീകരണങ്ങൾ, Chrome Web Store പോലുള്ള സ്വന്തം പേജുകൾ Chrome എല്ലാ എക്സ്റ്റൻഷനുകൾക്കും അടച്ചിരിക്കുന്നു. പിക്കർ ടാബിന്റെ ദൃശ്യഭാഗം മാത്രമേ വായിക്കൂ, അതിനാൽ ആദ്യം നിറമുള്ള ഭാഗത്തേക്ക് സ്ക്രോൾ ചെയ്യുക.

ബ്രൗസറിന് പുറത്തുള്ള നിറങ്ങൾ എടുക്കാമോ?

ഇല്ല. നിലവിലെ ബ്രൗസർ ടാബിൽ നിന്ന് മാത്രമേ എടുക്കൂ. CMYK, Pantone എന്നിവയിലേക്ക് മാറ്റുകയോ കോൺട്രാസ്റ്റ് പരിശോധിക്കുകയോ ചെയ്യുന്നില്ല.

ഇത് സൗജന്യമാണോ? ഡാറ്റ ശേഖരിക്കുമോ?

ഇത് സൗജന്യമാണ്, നെറ്റ്‌വർക്ക് അഭ്യർഥനകൾ നടത്തുന്നില്ല. നിങ്ങളുടെ ചരിത്രവും ഡിഫോൾട്ട് ഫോർമാറ്റും നിങ്ങളുടെ ഉപകരണത്തിൽ തന്നെ നിൽക്കുന്നു.

PYROCTAL-ന്റെ കൂടുതൽ സൗജന്യ എക്സ്റ്റൻഷനുകൾ

ലക്ഷ്യമിടുക. ക്ലിക്ക് ചെയ്യുക. പേസ്റ്റ് ചെയ്യുക.

Chrome-ൽ ചേർക്കുക — സൗജന്യം