Uanset om du er webdesigner , kunstner eller bare en person, der ønsker at matche farver, tilbyder Google Chrome adskillige tilføjelser i Chrome Webshop^{(Chrome Web Store)} , der kan hjælpe.

Ved at bruge en Chrome^(Chrome) -udvidelse til farvevælger kan du få HEX , RGB eller HSL -værdierne for enhver farve, du ønsker på nettet. Du skal blot^(Simply) pege med markøren på farven og få den kode, du skal bruge for at matche farven.

Her er 10 Chrome -farvevælgerudvidelser, der starter med dem, der har ekstra funktioner og funktionalitet, som du måske kan nyde godt af.

1. Farvevælgerværktøj – Geco^{(Color Picker Tool – Geco)}

Du kan få en farvekode for enhver farve, du ser på en webside, med Color Picker Tool – Geco .

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Peg med markøren på den farve, du vil identificere.
3. Klik^(Click) for at gemme farven på udvidelsens liste.

Du vil derefter se HEX- , RGB- og HSL - koderne i sektionerne Ny^(New) og Valgt i udvidelsens vindue. ^(Picked)Vælg en tidligere farve, du har identificeret, og du vil se disse koder i afsnittet Ny^(New) .

Yderligere funktioner:

• Kopier automatisk HEX -farvekoden til din udklipsholder for nem indsættelse, hvor det er nødvendigt.
• Download en CSV -fil af din farvepalet med HEX- , RGB- og HSL - koder.
• Juster^(Adjust) indstillinger for kopiering til dit udklipsholder, aktivering af en notifikation og brug af et højreklik.

2. AKColor

Brug pipetteværktøjet fra AKColor til at få fat i farvekoden fra ethvert websted, du ser på nettet.

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Vælg pipetten^(eyedropper) til venstre, og peg med markøren på den farve, du vil identificere.
3. Klik^(Click) for at se farvekoderne sammen med områdets nærmeste farve og gennemsnitsfarve.

Du vil se et flot pop op-vindue med farvekoderne for RGB , RGBA , HEX , HSL og HSLA . Vælg^(Choose) en af ​​koderne for at kopiere farveværdierne til dit udklipsholder. Vælg derefter Vælg igen^{(Pick Again)} eller Luk^{( Close)} .

Yderligere funktioner:

• Brug farvekonverteren^{(Color Converter)} og gradientgeneratoren^{(Gradient Generator)} , der er indbygget direkte i udvidelsen.
• Udnyt^(Take) tastaturgenveje for hurtig og nem farveidentifikation.
• Juster^(Adjust) indstillinger for nattilstand, grænsefladen, størrelsen på pixelforstørrelsesglasset, zoomniveauet og mere.

3. Vælg farve^{(Pick Color)}

Hvis du leder efter en farvevælger, som du kan bruge andre steder i stedet for blot på nettet, er Pick Color værktøjet for dig.

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Vælg Vælg din farve^{(Choose Your Color)} , og vælg derefter pipetten^(eyedropper) .
3. Peg med markøren på den farve, du vil identificere. Dette kan være på et websted, dit skrivebord eller i en anden applikation.
4. Klik^(Click) for at gemme farven i udvidelsen.

Du vil derefter se HEX , RGB og HSL farvekoderne i udvidelsens vindue. Du kan kopiere HEX -koden ved at vælge kopiikonet til højre for den. For at kopiere RGB- eller HSL- værdierne skal du flytte ned til sektionen nedenfor og bruge disse kopiikoner.

Bonusfunktion^{(Bonus Feature)}

Med Pick Color kan du hurtigt identificere en farve på en webside og kopiere HEX -koden til dit udklipsholder med et par klik.

1. Højreklik på websiden, og vælg Vælg en farve på siden^{(Pick a color on the page)} fra genvejsmenuen.
2. Flyt markøren til farven, og du vil se HEX -koden vedhæftet.
3. Klik^(Click) for at kopiere farvens HEX -kode til din udklipsholder.

4. Farvevælger^{(Color Picker)} (af linangdata.com)

For en anden Chrome-udvidelse med nyttige ekstra funktioner^{(Chrome extension with useful extra features)} , tag et kig på Color Picker fra linangdata.com.

1. Vælg udvidelsesknappen på din værktøjslinje, og gå til fanen Pipette^(Eyedropper) .
2. Vælg pipette^(Eyedropper) , og peg med markøren på farven. Du vil se HEX -koden vises, når du flytter markøren.
3. Klik^(Click) for at gemme farven i udvidelsens liste og kopiere HEX -koden til din udklipsholder på samme tid.
4. Genåbn udvidelsen med knappen på værktøjslinjen, og du vil se HEX- , RGB- , HSL- , HSV- og CMYK- koderne. Vælg kopiikonet til højre for en af ​​koderne for at placere det på din udklipsholder.

Yderligere funktioner:

• Brug fanen Farvevælger^{(Color Picker)} til at vise primærfarver med deres farvekoder.
• Prøv fanen Farveskala^{(Color Scale )} for at se forskellige farvenuancer med deres farvekoder.
• Tjek fanen Color Blender for at multiplicere, mørkere, lysere og overlejre farver.

5. Øjendråber^{(Eye Dropper)}

Eye Dropper er en god farvevalgsmulighed til Chrome med et par bonusser, du måske kunne lide.

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Vælg Vælg farve fra webside,^{(Pick color from web page)} og flyt din markør til farven. Når du flytter markøren, vil du se HEX- og RGB- værdierne i nederste højre hjørne af dit browservindue.
3. Klik^(Click) på farven for at gemme den på udvidelsens liste.
4. Når du genåbner udvidelsen, vil du se HEX- , HSL- og RGB -farvekoderne sammen med den farves navn i afsnittet Valgt^(Selected) farve. 

Yderligere funktioner:

• Brug fanen Farvevælger^{(Color Picker)} til at blande dine egne farver.
• Eksporter^(Export) din farvehistorik som en CSV -fil med farvekoderne.
• Juster^(Adjust) indstillinger for kopiering til dit udklipsholder, ændring af markørens udseende og deaktivering af farveoplysningerne, når du flytter markøren.

6. Sort-rejer^{(Black-shrimp)}

Hvis du vil identificere farver og derefter gruppere dem for hurtig adgang, så tjek Black-shrimp ud .

1. Vælg udvidelsesknappen på din værktøjslinje. Dette åbner tilføjelsens lille vindue til venstre.
2. Peg med markøren på den farve, du vil identificere, og klik.
3. Du vil straks se HEX -koden i vinduet. Brug rullemenuen ud for den identificerede farve for at se RGB- eller HSL -farvekoderne.
4. For at gemme farven skal du vælge plustegnet^{(plus sign)} nederst i vinduet.

Yderligere funktioner:

• Tilføj en gruppe ved hjælp af mappeikonet^(folder) og træk gemte farver ind i den.
• Eksporter^(Export) dine gemte farver som en ASE -fil ( Adobe Swatch Exchange ).
• Brug^(Use) tastaturgenveje til at tilføje en farve, oprette en gruppe, slette eller eksportere.

7. Nem farvevælger^{(Easy Color Picker)}

Hvis fancy ekstra funktioner ikke er noget for dig, og du vil have en simpel udvidelse, så tag et kig på Easy Color Picker .

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Vælg knappen Vælg^(Pick) øverst til højre og peg med markøren på farven. Når du flytter markøren, vil du se HEX- og RGB- værdierne i nederste højre hjørne af dit browservindue.
3. Klik^(Click) på den farve, du ønsker, og åbn derefter udvidelsen igen med knappen for at se HEX- , RGB- og HSL- koderne.

Selvom der ikke er nogen simple kopieringsmuligheder for farvekoderne, kan du højreklikke inde i hver boks og vælge Kopier^(Copy) , hvis du skal indsætte værdierne et andet sted.

8. Farvefluefarvevælger^{(Colorfly Color Picker)}

Svarende til Easy Color Picker er Colorfly Color Picker . Grib^(Grab) farven, se koden, og kopier værdier, hvis det er nødvendigt.

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Vælg knappen Vælg farve^{(Pick Color)} , og peg med markøren på farven. Når du flytter markøren, kan du se HEX- og RGB- værdierne i nederste højre hjørne af dit browservindue.
3. Klik^(Click) på den farve, du ønsker, og du vil se HEX- , RGB- og HSL -koderne i udvidelsens vindue. Vælg^(Select) en farvekode for at kopiere den til dit udklipsholder.

9. Farvevælger^{(Color Picker)} (af kipelovvycheslav)

En anden grundlæggende Chrome-browserudvidelse^{(Chrome browser extension)} har samme navn som en anden på vores liste, Color Picker , denne fra kipelovvycheslav.

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Peg med markøren på den farve, du vil identificere, og klik.
3. Åbn udvidelsen igen for at se farvekoderne HEX , HSL og RGB .

10. Smart farvevælger^{(Smart Color Picker)}

En sidste enkel Chrome - udvidelse uden klokker og fløjter er Smart Color Picker .

1. Vælg udvidelsesknappen på din værktøjslinje.
2. Vælg knappen Vælg farve^{(Pick Color)} , og peg med markøren på farven. Når du flytter markøren, vil du se HEX- og RGB- værdierne i nederste højre hjørne af dit browservindue.
3. Klik^(Click) på den farve, du ønsker, og åbn derefter udvidelsen igen med knappen for at se HEX- , RGB- og HSL- koderne. Vælg^(Select) en farvekode for at kopiere den til dit udklipsholder.

Forhåbentlig er mindst én af disse Chrome -udvidelsesfarvevælgere lige, hvad du har brug for. Uanset om du kan lide ekstra funktioner eller foretrækker at holde det enkelt, er de alle gode muligheder.

For yderligere hjælp, se, hvordan du installerer eller fjerner udvidelser 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 bedste VPN Chrome-udvidelser til sikker webbrowsing

• 9 bedste OpenOffice-udvidelser, du bør installere nu

• 6 bedste Reddit-alternativer, du kan bruge gratis

• De 6 bedste online parafraseringsværktøjer til at omskrive tekst

• 7 bedste apps og websteder til at se videoer sammen

• 10 bedste apps til at måle din produktivitet

• 15 bedste Amazon Fire Stick-apps, du bør installere først

• Bedste Twitch-streamingsoftware til Windows og Mac

• 5 bedste walkie talkie-apps til når du er på vandretur

• 6 bedste mobilbetalingsapps

• De 9 bedste Discord Voice Changer-software (2021)

• Hvad er den bedste filhåndtering til Android? Vi ser på 5

• De 6 bedste PDF-editorer til Windows 10 i 2021

• De bedste Reddit-apps til Windows og Mac

• De bedste virus- og malware-scannere GARANTERET til at ødelægge enhver virus

• De 7 bedste PDF-læsere til Windows i 2020

• 5 bedste videokonvertere til Android

• 4 bedste apps til fjernvisning af et webcam på iOS og Android

• 10 bedste Discord-bots, som enhver serverejer bør prøve

• De 5 bedste Cash Advance Apps til iPhone og Android