Haddi aad tahay naqshadeeye shabakadeed^{(web designer)} , farshaxan, ama kaliya qof raba in uu is waafajiyo midabada, Google Chrome waxa uu bixiyaa dhowr waxyaabood oo lagu daro Dukaanka Shabakadda ee Chrome^{(Chrome Web Store)} ka oo ku caawin kara.

Isticmaalka kordhinta midab-dooriyaha Chrome , waxaad ku heli kartaa HEX , RGB , ama HSL midab kasta oo aad ka rabto shabakada. Kaliya^(Simply) u fiiq calaamaddaada midabka oo hel koodka aad u baahan tahay si aad midabka u dhigma.

Halkan waxaa ah 10 midab-dooriyaha Chrome -ka kordhinta oo ka bilaabma kuwa leh astaamo dheeri ah iyo shaqeyn laga yaabo inaad ku raaxaysato.

1. Qalabka Xulashada Midabka - Geco^{(Color Picker Tool – Geco)}

Waxaad ka heli kartaa koodka midabka midab kasta oo aad ku aragto bogga mareegaha ee leh Qalabka Picker - Geco^{(Color Picker Tool – Geco)} .

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Ku dhufo calaamaddaada midabka aad rabto inaad aqoonsato.
3. Guji^(Click) si aad u badbaadiso midabka liiska kordhinta

Waxaad markaa arki doontaa HEX , RGB , iyo HSL codes qaybaha Cusub^(New) iyo kuwa la doortay^(Picked) ee daaqada kordhinta. Dooro midab hore oo aad aqoonsatay, oo waxaad ku arki doontaa furahaas qaybta Cusub^(New) .

Tilmaamo Dheeraad ah:

• Si otomaatig ah ugu koobiye summada midabka HEX sabuuradahaaga si aad si fudud ugu dhejiso meesha loo baahdo.
• Soo^(Download) deji faylka CSV ee palette midabkaaga oo wata HEX , RGB , iyo codes HSL .
• Hagaajin habaynta koobiyeynta kilibkaaga^(Adjust) , awood u siinta ogeysiinta, iyo adoo isticmaalaya midig-guji.

2. AKColor

Isticmaal qalabka indhaha ee AKColor si aad u soo qaadato summada midabka goob kasta oo aad ku aragto shabakadda.

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Ka dooro indho^(eyedropper) -hoosaadka bidix oo ku fiiq calaamaddaada midabka aad rabto inaad aqoonsato.
3. Guji^(Click) si aad u aragto summada midabka oo ay la socdaan midabka ugu dhow iyo midabka celceliska aagga.

Waxaad arki doontaa daaqad wanaagsan oo soo booda ah oo leh summada midabka RGB , RGBA , HEX , HSL , iyo HSLA . Dooro^(Choose) mid ka mid ah koodka si aad ugu koobiyayso qiyamka midabka sabuuraddaada. Kadib, dooro mar kale soo qaado^{(Pick Again)} ama xidh^{( Close)} .

Tilmaamo Dheeraad ah:

• Isticmaal Midabka Beddelka^{(Color Converter)} iyo Dhaliyaha Gradient^{(Gradient Generator)} ee isla markiiba lagu dhisay fiditaanka.
• Ka^(Take) faa'iidayso furayaasha kiiboodhka si aad u ogaatid midabka degdega ah oo sahlan.
• Hagaajin^(Adjust) habaynta qaabka habeenka, interface-ka, cabbirka weyneeyaha pixel, heerka zoom, iyo in ka badan.

3. Dooro Midabka^{(Pick Color)}

Haddii aad raadinayso midab-dooriye oo aad ku isticmaali karto meelo kale halkii aad ka isticmaali lahayd shabakadda oo keliya, Pick Color ayaa adiga kuu ah.

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Dooro Midabkaaga^{(Choose Your Color)} ka dibna dooro indho- hoosaadka^(eyedropper) .
3. Ku dhufo calaamaddaada midabka aad rabto inaad aqoonsato. Tani waxay ku jiri kartaa degel, desktop-kaaga, ama codsi kale.
4. Guji^(Click) si aad u badbaadiso midabka ku jira kordhinta

Kadib waxaad arki doontaa HEX , RGB , iyo HSL codes-ka midabka daaqada fidinta. Waxaad nuqul ka samayn kartaa HEX code adiga oo dooranaya summada koobiga ee midigta. Si aad u koobiyayso qiyamka RGB ama HSL , hoos ugu soo deg qaybta hoose oo isticmaal sumadaha koobiga

Feature Bonus^{(Bonus Feature)}

Iyada oo la adeegsanayo Midabka Pick^{(Pick Color)} , waxaad si dhakhso ah u aqoonsan kartaa midabka bogga shabakadda oo aad nuqul ka sameysan kartaa HEX code sabuuradahaaga adigoo isticmaalaya dhowr jeer.

1. Midig ku dhufo bogga mareegaha oo dooro Midab bogga^{(Pick a color on the page)} ka dooro liiska gaaban.
2. U dhaqaaq cursorkaaga midabka oo waxaad arki doontaa HEX code oo ku lifaaqan.
3. Guji^(Click) si aad u koobiyayso koodka HEX midabka sabuuraddaada.

4. Midab^{(Color Picker)} -dooriyaha (waxaa qoray linangdata.com)

Kordhinta Chrome kale oo leh astaamo dheeri ah oo faa'iido leh^{(Chrome extension with useful extra features)} , ka fiirso Midabka Picker^{(Color Picker)} ee linangdata.com.

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga oo aad tab Eyedropper .
2. Dooro Eyedropper oo ku fiiq calaamaddaada midabka. Waxaad arki doontaa koodka HEX oo soo baxaya markaad dhaqaajinayso tilmaamahaaga.
3. Guji^(Click) si aad u badbaadiso midabka ku jira liiska kordhinta oo koobi ka samee koodhka HEX sabuuraddaada isku mar.
4. Dib ugu fur fidinta badhanka qalabka oo waxaad arki doontaa HEX , RGB , HSL , HSV , iyo CMYK codes. Dooro summada koobiga ee midigta mid ka mid ah koodka si aad ugu dhejiso sabuuraddaada.

Tilmaamo Dheeraad ah:

• Isticmaal tabka Midabka^{(Color Picker)} si aad u muujiso midabada ugu muhiimsan ee leh koodka midabkooda.
• Isku day tabka Miisaanka Midabka^{(Color Scale )} si aad u aragto midabo kala duwan oo leh koodka midabkooda.
• Fiiri tabka isku- dhafka midabka^{(Color Blender)} si aad u dhufato, u madoobaato, u iftiimiso, oo midabada u dulsaarto.

5. Isha Dropper^{(Eye Dropper)}

Eye Dropper waa doorasho midab leh oo wanaagsan Chrome oo leh dhowr gunno oo aad jeclaan karto.

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Ka dooro midabka bogga shabakadda^{(Pick color from web page)} oo u dhaqaaq calaamaddaada midabka. Markaad dhaqaaqdo tilmaantaada, waxaad arki doontaa qiimayaasha HEX iyo RGB ee ku yaal geeska midig ee hoose ee daaqadaada browserka.
3. Guji^(Click) midabka si aad ugu kaydiso liiska kordhinta
4. Markaad dib u furto kordhinta, waxaad arki doontaa HEX , HSL , iyo RGB codes oo ay la socdaan magaca midabkaas qaybta midabka la xushay^(Selected) . 

Tilmaamo Dheeraad ah:

• Isticmaal tabka Midabka^{(Color Picker)} si aad isugu qasto midabadaada.
• U dhoofi^(Export) taariikhdaada midabka sida faylka CSV oo wata summada midabka.
• Hagaajin^(Adjust) habaynta koobiyaynta sabuuraddaada, beddelka muuqaalka tilmaamayaasha, oo curyaamiya macluumaadka midabka markaad dhaqaaqayso cursorkaaga.

6. Black-shrimp

Haddii aad rabto inaad aqoonsato midabada ka dibna koox si aad u hesho deg deg ah, hubi Black-shrimp .

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga Tani waxay furaysaa daaqada yar ee add-on ee bidixda.
2. Tilmaan calaamaddaada midabka aad rabto inaad aqoonsato oo guji.
3. Isla markiiba waxaad arki doontaa HEX code ee daaqada. Isticmaal sanduuqa hoos u dhaca ee ku xiga midabka la aqoonsaday si aad u aragto koodka midabka RGB ama HSL .
4. Si loo badbaadiyo midabka, dooro calaamadda lagu daray^{(plus sign)} ee xagga hoose ee daaqadda.

Tilmaamo Dheeraad ah:

• Ku dar koox addoo isticmaalaya summada galka^(folder) oo ku jiid midabada la keydiyay.
• U Dhoofi^(Export) midabadaada kaydsan sidii faylka ASE ( Adobe Swatch Exchange ).
• Isticmaal^(Use) furayaasha kiiboodhka si aad midab ugu darto, koox u samayso, u tirtirto, ama u dhoofiso.

7. Midab-dooriyaha fudud^{(Easy Color Picker)}

Haddii sifooyin dheeri ah oo qurux badan aysan adiga kuu ahayn oo aad rabto kordhin fudud, fiiri Easy Color Picker .

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Dooro badhanka Pick ee dhinaca midigta sare oo ku calaamadee curcurkaaga midabka. Markaad dhaqaaqdo tilmaantaada, waxaad arki doontaa qiimayaasha HEX iyo RGB ee ku yaal geeska midig ee hoose ee daaqadaada browserka.
3. Guji^(Click) midabka aad rabto ka dibna ku fur kordhinta badhanka si aad u aragto HEX , RGB , iyo HSL codes.

In kasta oo aysan jirin xulashooyin nuqul oo fudud oo loogu talagalay koodka midabka, waxaad si sax ah u gujin kartaa sanduuq kasta oo waxaad dooran kartaa nuqul^(Copy) haddii aad u baahan tahay inaad ku dhejiso qiyamka meel kale.

8. Midabka Midabka-qaade^{(Colorfly Color Picker)}

Midab-dooriyaha fudud^{(Easy Color Picker)} ayaa la mid ah Midabka Midabka-qaadaha^{(Colorfly Color Picker)} . Qabo^(Grab) midabka, arag koodka, oo koobi qiyamka haddii loo baahdo.

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Dooro badhanka Midabka Dooro^{(Pick Color)} oo ku fiiq calaamaddaada midabka. Markaad dhaqaaqdo cursorkaaga, waxaad arki kartaa qiimayaasha HEX iyo RGB ee ku yaal geeska midig ee hoose ee daaqadaada browserka.
3. Guji^(Click) midabka aad rabto, oo waxaad arki doontaa HEX , RGB , iyo HSL -ka daaqada kordhinta. Dooro^(Select) kood kasta oo midab leh si aad ugu koobiyayso kilib-boodhkaaga.

9. Midab^{(Color Picker)} -dooriyaha (waxaa qoray kipelovvycheslav)

Kordhinta biraawsarka aasaasiga ah ee Chrome^{(Chrome browser extension)} kale waxay leedahay magac la mid ah kan kale ee liiskayaga, Midabka Picker^{(Color Picker)} , kan kipelovvycheslav.

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Tilmaan calaamaddaada midabka aad rabto inaad aqoonsato oo guji.
3. Dib u fur fidinta si aad u aragto HEX , HSL , iyo codeyada midabka RGB .

10. Midab Casri ah^{(Smart Color Picker)}

Mid kama dambaysta ah, kordhinta Chrome^(Chrome) fudud oo aan lahayn gambaleelka iyo foorida waa Smart Color Picker .

1. Dooro badhanka kordhinta ee ku dhex jira aaladahaaga
2. Dooro badhanka Midabka Dooro^{(Pick Color)} oo ku fiiq calaamaddaada midabka. Markaad dhaqaaqdo cursorkaaga, waxaad arki doontaa qiimayaasha HEX iyo RGB ee dhinaca midig ee hoose ee daaqada browserka.
3. Guji^(Click) midabka aad rabto ka dibna ku fur kordhinta badhanka si aad u aragto HEX , RGB , iyo HSL codes. Dooro^(Select) kood kasta oo midab leh si aad ugu koobiyayso kilib-boodhkaaga.

Waxaan rajeyneynaa in ugu yaraan mid ka mid ah kuwan midabaynta fidinta Chrome ay tahay waxa kaliya ee aad u baahan tahay. ^(Chrome)Haddi aad jeceshahay sifooyin dheeri ah ama aad door bidayso inaad fududayso, dhamaantood waa xulashooyin fiican.

Caawinaad dheeri ah, eeg sida loo rakibo ama looga saaro kordhinta Chrome^{(install or remove extensions in Chrome)} .

The Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes

Whether you’re a web designer, artist, or just a person who wants to match colors, Google Chrome offers several add-ons in the Chrome Web Store that can help.

Using a color picker Chrome extension, you can obtain the HEX, RGB, or HSL values for any color you want on the web. Simply point your cursor to the color and get the code you need to match the color.

Here are 10 Chrome color picker extensions starting with those that have extra features and functionality you might enjoy.

1. Color Picker Tool – Geco

You can obtain a color code for any color you see on a webpage with Color Picker Tool – Geco.

1. Select the extension button in your toolbar.
2. Point your cursor at the color you want to identify.
3. Click to save the color in the extension’s list.

You’ll then see the HEX, RGB, and HSL codes in the New and Picked sections of the extension’s window. Select a previous color you’ve identified, and you’ll see those codes in the New section.

Additional Features:

• Automatically copy the HEX color code to your clipboard for easy pasting where needed.
• Download a CSV file of your color palette with HEX, RGB, and HSL codes.
• Adjust settings for copying to your clipboard, enabling a notification, and using a right-click.

2. AKColor

Use the eyedropper tool from AKColor to grab the color code from any site you see on the web.

1. Select the extension button in your toolbar.
2. Choose the eyedropper on the left and point your cursor at the color you want to identify.
3. Click to view the color codes along with the closest color and average color of the area.

You’ll see a nice pop-up window with the color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose any of the codes to copy the color values to your clipboard. Then, select Pick Again or Close.

Additional Features:

• Use the Color Converter and Gradient Generator built right into the extension.
• Take advantage of keyboard shortcuts for quick and easy color identification.
• Adjust settings for night mode, the interface, the size of the pixel magnifier, the zoom level, and more.

3. Pick Color

If you’re looking for a color picker that you can use in other locations rather than just the web, Pick Color is the tool for you.

1. Select the extension button in your toolbar.
2. Pick Choose Your Color and then select the eyedropper.
3. Point your cursor at the color you want to identify. This can be on a website, your desktop, or in another application.
4. Click to save the color in the extension.

You’ll then see the HEX, RGB, and HSL color codes in the extension’s window. You can copy the HEX code by selecting the copy icon on the right of it. To copy the RGB or HSL values, move down to the section beneath and use those copy icons.

Bonus Feature

With Pick Color, you can quickly identify a color on a webpage and copy the HEX code to your clipboard with a couple of clicks.

1. Right-click the webpage and select Pick a color on the page from the shortcut menu.
2. Move your cursor to the color and you’ll see the HEX code attached.
3. Click to copy the color’s HEX code to your clipboard.

4. Color Picker (by linangdata.com)

For another Chrome extension with useful extra features, take a look at Color Picker from linangdata.com.

1. Select the extension button in your toolbar and go to the Eyedropper tab.
2. Choose Eyedropper and point your cursor at the color. You’ll see the HEX code appear as you move your pointer.
3. Click to save the color in the extension’s list and copy the HEX code to your clipboard at the same time.
4. Reopen the extension with the toolbar button and you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any one of the codes to place it on your clipboard.

Additional Features:

• Use the Color Picker tab to display prime colors with their color codes.
• Try the Color Scale tab to view different color shades with their color codes.
• Check out the Color Blender tab to multiply, darken, lighten, and overlay colors.

5. Eye Dropper

Eye Dropper is a nice color picking option for Chrome with a few bonuses you might like.

1. Select the extension button in your toolbar.
2. Choose Pick color from web page and move your cursor to the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color to save it to the extension’s list.
4. When you reopen the extension, you’ll see the HEX, HSL, and RGB color codes along with that color’s name in the Selected color section. 

Additional Features:

• Use the Color Picker tab to mix your own colors.
• Export your color history as a CSV file with the color codes.
• Adjust settings for copying to your clipboard, changing the pointer appearance, and disabling the color information as you move your cursor.

6. Black-shrimp

If you want to identify colors and then group them for quick access, check out Black-shrimp.

1. Select the extension button in your toolbar. This opens the add-on’s small window on the left.
2. Point your cursor to the color you want to identify and click.
3. You’ll immediately see the HEX code in the window. Use the drop-down box next to the identified color to view the RGB or HSL color codes.
4. To save the color, select the plus sign at the bottom of the window.

Additional Features:

• Add a group using the folder icon and drag saved colors into it.
• Export your saved colors as an ASE (Adobe Swatch Exchange) file.
• Use keyboard shortcuts to add a color, create a group, delete, or export.

7. Easy Color Picker

If fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick button on the top right and point your cursor at the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes.

Although there are no simple copy options for the color codes, you can right-click inside each box and select Copy if you need to paste the values elsewhere.

8. Colorfly Color Picker

Similar to Easy Color Picker is Colorfly Color Picker. Grab the color, view the code, and copy values if needed.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you can view the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want, and you’ll see the HEX, RGB, and HSL codes in the extension’s window. Select any color code to copy it to your clipboard.

9. Color Picker (by kipelovvycheslav)

Another basic Chrome browser extension has the same name as another in our list, Color Picker, this one from kipelovvycheslav.

1. Select the extension button in your toolbar.
2. Point your cursor to the color you want to identify and click.
3. Reopen the extension to see the HEX, HSL, and RGB color codes.

10. Smart Color Picker

One final, simple Chrome extension without bells and whistles is Smart Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes. Select any color code to copy it to your clipboard.

Hopefully at least one of these Chrome extension color pickers is just what you need. Whether you like extra features or prefer to keep it simple, they’re all great options.

For additional help, take a look at how to install or remove extensions in Chrome.

Related posts

• 3-da ugu Fiican ee VPN Chrome ka ee loogu talagalay baadhashada Shabkada ee sugan

• 9ka Xafiska Furan ee ugu Fiican ee ay tahay inaad Hadda rakibto

• 6 Beddelka Reddit ee ugu Wanaagsan oo aad bilaash ugu isticmaali karto

• 6-da Aaladood ee ugu Wanaagsan ee Farriinta Intarnetka ee Dib loogu Qorayo Qoraalka

• 7 Apps iyo Website-yada ugu Wanaagsan ee Fiidyaha Wada Daawashada

• 5 Best Video Converter for Android

• 7 Apps ee Xusuusinta Android ugu Fiican

• 5-ta Apps ee ugu Fiican ee Hormarinta Lacagta ah ee iPhone iyo Android

• 7-da Bots ee Slack ugu Fiican kanaalkaaga caajisnimo

• 7-da Akhriste ee ugu Fiican ee loogu talagalay Windows 2020

• 4-ta Xafiis ee ugu Wanaagsan Android marka laga reebo Google iyo Microsoft

• 9ka Apps ee GPS-ka ee bilaashka ah ee ugu fiican Android

• Barnaamijyada Reddit ee ugu Fiican Windows iyo Mac

• 15ka Apps ee ugu Fiican Amazon Fire Stick Apps waa inaad marka hore ku rakibtaa

• 5-ta Apps ee Walkie Talkie ee ugu Fiican marka aad Soconayso

• 7ka Bedel ee ugu Fiican ee iTunes si aad u maamusho Ururinta Muusigaaga

• Spyware-ka ugu Fiican iyo Software ka saarida Malware

• 8-da Taxane ee ugu Wanaagsan ee Online-ka ah ee xiiseeya Muusiga

• 8 Apps ee ugu Wanaagsan ee lagu barto Jabbaan

• Waa maxay Maareeyaha Faylka ugu Fiican Android? Waxaan eegeynaa 5