Oavsett om du är en webbdesigner^{(web designer)} , konstnär eller bara en person som vill matcha färger, erbjuder Google Chrome flera tillägg i Chrome Web Store som kan hjälpa dig.

Med hjälp av ett Chrome^(Chrome) -tillägg för färgväljare kan du få HEX , RGB , eller HSL -värden för vilken färg du vill ha på webben. Peka helt enkelt^(Simply) med markören på färgen och få koden du behöver för att matcha färgen.

Här är 10 Chrome -färgväljartillägg som börjar med de som har extra funktioner och funktionalitet som du kan njuta av.

1. Färgvalsverktyg – Geco^{(Color Picker Tool – Geco)}

Du kan få en färgkod för vilken färg du ser på en webbsida med Color Picker Tool – Geco .

1. Välj tilläggsknappen i ditt verktygsfält.
2. Peka med markören på den färg du vill identifiera.
3. Klicka^(Click) för att spara färgen i tilläggets lista.

Du kommer sedan att se HEX , RGB , och HSL- koderna i sektionerna Ny^(New) och Vald^(Picked) i tilläggets fönster. Välj en tidigare färg som du har identifierat, så ser du dessa koder i avsnittet Nytt .^(New)

Ytterligare egenskaper:

• Kopiera automatiskt HEX -färgkoden till ditt urklipp för enkel inklistring där det behövs.
• Ladda ner^(Download) en CSV -fil av din färgpalett med HEX- , RGB- och HSL- koder.
• Justera^(Adjust) inställningar för kopiering till ditt urklipp, aktivera ett meddelande och använda ett högerklick.

2. AKColor

Använd pipettverktyget från AKColor för att hämta färgkoden från vilken sida du ser på webben.

1. Välj tilläggsknappen i ditt verktygsfält.
2. Välj pipetten^(eyedropper) till vänster och peka med markören på färgen du vill identifiera.
3. Klicka^(Click) för att se färgkoderna tillsammans med den närmaste färgen och medelfärgen i området.

Du kommer att se ett trevligt popup-fönster med färgkoderna för RGB , RGBA , HEX , HSL och HSLA . Välj^(Choose) någon av koderna för att kopiera färgvärdena till ditt urklipp. Välj sedan Välj igen^{(Pick Again)} eller Stäng^{( Close)} .

Ytterligare egenskaper:

• Använd Color Converter och Gradient Generator inbyggd direkt i tillägget.
• Dra^(Take) fördel av kortkommandon för snabb och enkel färgidentifiering.
• Justera^(Adjust) inställningarna för nattläge, gränssnittet, storleken på pixelförstoraren, zoomnivån och mer.

3. Välj färg^{(Pick Color)}

Om du letar efter en färgväljare som du kan använda på andra platser istället för bara på webben, är Pick Color verktyget för dig.

1. Välj tilläggsknappen i ditt verktygsfält.
2. Välj Välj din färg^{(Choose Your Color)} och välj sedan pipetten^(eyedropper) .
3. Peka med markören på den färg du vill identifiera. Detta kan vara på en webbplats, ditt skrivbord eller i en annan applikation.
4. Klicka^(Click) för att spara färgen i tillägget.

Du ser sedan färgkoderna HEX^(HEX) , RGB och HSL i tilläggets fönster. Du kan kopiera HEX -koden genom att välja kopieringsikonen till höger om den. För att kopiera RGB- eller HSL- värdena, flytta ner till avsnittet nedan och använd dessa kopieringsikoner.

Bonusfunktion^{(Bonus Feature)}

Med Pick Color kan du snabbt identifiera en färg på en webbsida och kopiera HEX -koden till ditt urklipp med ett par klick.

1. Högerklicka på webbsidan och välj Välj en färg på sidan^{(Pick a color on the page)} från snabbmenyn.
2. Flytta markören till färgen så ser du HEX -koden bifogad.
3. Klicka^(Click) för att kopiera färgens HEX - kod till ditt urklipp.

4. Färgväljare^{(Color Picker)} (av linangdata.com)

För ytterligare ett Chrome-tillägg med användbara extrafunktioner^{(Chrome extension with useful extra features)} , ta en titt på Color Picker från linangdata.com.

1. Välj tilläggsknappen i ditt verktygsfält och gå till pipettfliken^(Eyedropper) .
2. Välj pipett^(Eyedropper) och peka med markören på färgen. Du kommer att se HEX -koden visas när du flyttar pekaren.
3. Klicka^(Click) för att spara färgen i tilläggets lista och kopiera HEX -koden till ditt urklipp samtidigt.
4. Öppna tillägget igen med verktygsfältsknappen så ser du HEX , RGB , HSL , HSV och CMYK- koderna. Välj kopieringsikonen till höger om någon av koderna för att placera den på ditt urklipp.

Ytterligare egenskaper:

• Använd fliken Färgväljare^{(Color Picker)} för att visa primärfärger med deras färgkoder.
• Prova fliken Färgskala^{(Color Scale )} för att se olika färgnyanser med deras färgkoder.
• Kolla in fliken Color Blender för att multiplicera, mörkare, ljusare och överlagra färger.

5. Ögondroppar^{(Eye Dropper)}

Eye Dropper är ett trevligt färgvalsalternativ för Chrome med några bonusar du kanske gillar.

1. Välj tilläggsknappen i ditt verktygsfält.
2. Välj Välj färg från webbsidan^{(Pick color from web page)} och flytta markören till färgen. När du flyttar pekaren ser du HEX- och RGB- värdena i det nedre högra hörnet av webbläsarfönstret.
3. Klicka^(Click) på färgen för att spara den i tilläggets lista.
4. När du öppnar tillägget igen ser du färgkoderna HEX^(HEX) , HSL och RGB tillsammans med färgens namn i avsnittet  Vald färg.^(Selected)

Ytterligare egenskaper:

• Använd fliken Färgväljare^{(Color Picker)} för att blanda dina egna färger.
• Exportera^(Export) din färghistorik som en CSV -fil med färgkoderna.
• Justera^(Adjust) inställningar för kopiering till urklipp, ändra pekarens utseende och inaktivera färginformationen när du flyttar markören.

6. Svart-räkor^{(Black-shrimp)}

Om du vill identifiera färger och sedan gruppera dem för snabb åtkomst, kolla in Black-shrimp .

1. Välj tilläggsknappen i ditt verktygsfält. Detta öppnar tilläggets lilla fönster till vänster.
2. Peka med markören på den färg du vill identifiera och klicka.
3. Du kommer omedelbart att se HEX -koden i fönstret. Använd rullgardinsmenyn bredvid den identifierade färgen för att se RGB- eller HSL -färgkoderna.
4. För att spara färgen, välj plustecknet^{(plus sign)} längst ner i fönstret.

Ytterligare egenskaper:

• Lägg till en grupp med hjälp av mappikonen^(folder) och dra sparade färger till den.
• Exportera^(Export) dina sparade färger som en ASE -fil ( Adobe Swatch Exchange ).
• Använd^(Use) kortkommandon för att lägga till en färg, skapa en grupp, ta bort eller exportera.

7. Enkel färgväljare^{(Easy Color Picker)}

Om snygga extrafunktioner inte är för dig och du vill ha en enkel tillägg, ta en titt på Easy Color Picker .

1. Välj tilläggsknappen i ditt verktygsfält.
2. Välj knappen Välj^(Pick) längst upp till höger och peka med markören på färgen. När du flyttar pekaren ser du HEX- och RGB- värdena i det nedre högra hörnet av webbläsarfönstret.
3. Klicka^(Click) på färgen du vill ha och öppna sedan tillägget igen med knappen för att se HEX , RGB , och HSL- koderna.

Även om det inte finns några enkla kopieringsalternativ för färgkoderna kan du högerklicka inuti varje ruta och välja Kopiera^(Copy) om du behöver klistra in värdena någon annanstans.

8. Colorfly Color Picker

Liknar Easy Color Picker är Colorfly Color Picker . Ta^(Grab) färgen, se koden och kopiera värden om det behövs.

1. Välj tilläggsknappen i ditt verktygsfält.
2. Välj knappen Välj färg^{(Pick Color)} och peka med markören på färgen. När du flyttar markören kan du se HEX- och RGB- värdena i det nedre högra hörnet av ditt webbläsarfönster.
3. Klicka^(Click) på färgen du vill ha så ser du HEX , RGB och HSL -koderna i tilläggets fönster. Välj^(Select) valfri färgkod för att kopiera den till ditt urklipp.

9. Färgväljare^{(Color Picker)} (av kipelovvycheslav)

En annan grundläggande Chrome-webbläsartillägg^{(Chrome browser extension)} har samma namn som en annan i vår lista, Color Picker , den här från kipelovvycheslav.

1. Välj tilläggsknappen i ditt verktygsfält.
2. Peka med markören på den färg du vill identifiera och klicka.
3. Öppna tillägget igen för att se färgkoderna HEX^(HEX) , HSL och RGB .

10. Smart färgväljare^{(Smart Color Picker)}

En sista, enkel Chrome- tillägg utan ringklockor och visselpipor är Smart Color Picker .

1. Välj tilläggsknappen i ditt verktygsfält.
2. Välj knappen Välj färg^{(Pick Color)} och peka med markören på färgen. När du flyttar markören kommer du att se HEX- och RGB- värdena i det nedre högra hörnet av ditt webbläsarfönster.
3. Klicka^(Click) på färgen du vill ha och öppna sedan tillägget igen med knappen för att se HEX , RGB , och HSL- koderna. Välj^(Select) valfri färgkod för att kopiera den till ditt urklipp.

Förhoppningsvis är minst en av dessa färgväljare för Chrome -tillägg precis vad du behöver. Oavsett om du gillar extra funktioner eller föredrar att hålla det enkelt är de alla fantastiska alternativ.

För ytterligare hjälp, ta en titt på hur du installerar eller tar bort tillägg i 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 bästa VPN Chrome-tillägg för säker webbsurfning

• De 9 bästa OpenOffice-tilläggen du bör installera nu

• 6 bästa Reddit-alternativen du kan använda gratis

• De 6 bästa onlineparafraseringsverktygen för att skriva om text

• 7 bästa appar och webbplatser för att titta på videor tillsammans

• 8 bästa apparna för att lära sig japanska

• De 4 bästa Android Office-sviterna förutom Google och Microsoft

• De 6 bästa PDF-redigerarna för Windows 10 2021

• 7 bästa gratis mediaspelare för Windows

• 12 bästa gratis Android-kalkylatorappar och widgets

• De 9 bästa kalorispårningsapparna för iPhone och Android

• Apple Wallet kontra Google Pay – vilket är bäst?

• 14 bästa Android-appar för att sälja dina begagnade saker lokalt (2022)

• De 11 bästa IRC-klienterna för Windows, Mac och Linux 2022

• De 7 bästa PDF-läsarna för Windows 2020

• 6 bästa mobila betalningsappar

• 9 bästa gratis offline GPS-appar för Android

• The 9 Best Discord Voice Changer Software (2021)

• 3 Bästa Public Discord Bots för att spela musik på din server

• De bästa sätten att överföra stora filer online