સરળ કલર પિકર

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, અપડેટ 23 ઑક્ટોબર, 2026

ત્રણ પગલાં, એક ક્લિક

  1. 1

    પિકર શરૂ કરો

    ટૂલબારના આઇકન પર ક્લિક કરીને રંગ પસંદ કરો દબાવો, અથવા કોઈપણ પેજ પર Alt+P દબાવો.

  2. 2

    લેન્સથી નિશાન લગાવો

    ચોરસ લેન્સ કર્સરની આસપાસ ઝૂમ કરે છે અને ચોક્કસ પિક્સેલને ફ્રેમ કરે છે. તેની નીચેની ચિપ HEX, RGB અને HSL લાઇવ બતાવે છે.

  3. 3

    ક્લિક કરો અને પેસ્ટ કરો

    કોડ તમારા ડિફૉલ્ટ ફૉર્મેટમાં કૉપિ થાય છે અને એક નાની નોંધ તેની પુષ્ટિ કરે છે. તેને 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 રંગની ગ્રિડમાં સૌથી આગળ આવે છે, પુનરાવર્તન વિના. ત્રણેય કોડ જોવા અને કૉપિ કરવા સ્વૉચ પર ક્લિક કરો.

  • Alt+P શૉર્ટકટ

    પૉપઅપ ખોલ્યા વિના પસંદગી શરૂ કરો. બીજી કી જોઈતી હોય તો પૉપઅપમાંની કીકેપ Chrome ના શૉર્ટકટ સેટિંગ્સ ખોલે છે.

  • નેટવર્ક વિનંતીઓ

    બધું તમારા બ્રાઉઝરમાં ચાલે છે. ખાતું નહીં, ઍનાલિટિક્સ નહીં, ટેલિમેટ્રી નહીં.

  • લાઇટ અને ડાર્ક

    પૉપઅપ અને લેન્સ તમારી સિસ્ટમની થીમ અનુસરે છે, તટસ્થ ગ્રે રંગોમાં, જે તમે તપાસો છો તે રંગોમાં ઝાંય નથી ઉમેરતા.

વેબ પેજ પરની કોઈપણ વસ્તુનો રંગ કોડ કેવી રીતે મેળવવો

Chrome નું પોતાનું આઈડ્રોપર DevTools ની અંદર છે: શૈલીઓ પૅનલ ખોલો, રંગની પ્રૉપર્ટી શોધો, તેના સ્વૉચ પર ક્લિક કરો, પછી આઈડ્રોપર પર. તે કામ કરે છે, પણ છુપાયેલું છે, અને પસંદ કરેલી વૅલ્યુ ક્લિપબોર્ડ પર આવવાને બદલે પેજના CSS માં તે પ્રૉપર્ટીની જગ્યા લે છે.

સરળ કલર પિકર આઈડ્રોપરને એક ક્લિક કે એક શૉર્ટકટ દૂર રાખે છે. શરૂ કરતાં તે ટૅબના દેખાતા ભાગનો સ્નૅપશૉટ લે છે અને તેના પર ચોરસ લેન્સ ખોલે છે, એટલે તમને સરેરાશ નહીં, ચોક્કસ પિક્સેલ દેખાય છે. એક ક્લિકથી કોડ કૉપિ થાય છે, અને પૉપઅપ તેને છેલ્લા 50 રંગ સાથે ત્રણેય ફૉર્મેટમાં રાખે છે.

શરૂ કરતાં પહેલાં પેજના જોઈતા ભાગ સુધી સ્ક્રોલ કરો: લેન્સ તે સ્નૅપશૉટમાંથી વાંચે છે. નવા ટૅબ પેજ, સેટિંગ્સ અને Chrome Web Store જેવા બ્રાઉઝર પેજ બધા એક્સ્ટેન્શન માટે બંધ છે.

ડિઝાઇનથી જ ખાનગી

  • નેટવર્ક વિનંતીઓ નહીં

    એક્સ્ટેન્શન ક્યારેય સર્વર સાથે વાત કરતું નથી. કોઈ ઍનાલિટિક્સ નહીં, ટેલિમેટ્રી નહીં.

  • તમારા ડિવાઇસ પર જ રહે છે

    તમારી હિસ્ટરી અને ડિફૉલ્ટ ફૉર્મેટ એક્સ્ટેન્શનના લોકલ સ્ટોરેજમાં રહે છે.

  • ચાર પરવાનગીઓ

    સક્રિય ટૅબ, ફક્ત તમે પસંદગી શરૂ કરો ત્યારે, સ્નૅપશૉટ લેવા માટે; લેન્સ બતાવવા scripting; હિસ્ટરી અને ફૉર્મેટ માટે storage; કોડ કૉપિ કરવા ક્લિપબોર્ડ પર લખવાની પરવાનગી.

DevTools આઈડ્રોપર વિ. સરળ કલર પિકર

DevTools આઈડ્રોપર વિ. સરળ કલર પિકર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 પોતાના પેજ, જેમ કે નવું ટૅબ પેજ, સેટિંગ્સ અને Chrome Web Store, બધા એક્સ્ટેન્શન માટે બંધ રાખે છે. પિકર ટૅબનો દેખાતો ભાગ જ વાંચે છે, એટલે પહેલાં રંગ સુધી સ્ક્રોલ કરો.

શું તે બ્રાઉઝર બહારથી રંગ પસંદ કરી શકે?

ના. તે ફક્ત વર્તમાન બ્રાઉઝર ટૅબમાંથી રંગ લે છે. તે CMYK કે Pantone માં ફેરવતું નથી અને કૉન્ટ્રાસ્ટ પણ તપાસતું નથી.

શું તે મફત છે? શું તે ડેટા એકત્ર કરે છે?

તે મફત છે અને નેટવર્ક વિનંતીઓ કરતું નથી. તમારી હિસ્ટરી અને ડિફૉલ્ટ ફૉર્મેટ તમારા ડિવાઇસ પર રહે છે.

PYROCTAL ના વધુ મફત એક્સ્ટેન્શન

નિશાન લગાવો. ક્લિક કરો. પેસ્ટ કરો.

Chrome માં ઉમેરો — મફત