Of je nu een webdesigner , artiest of gewoon iemand bent die kleuren wil matchen, Google Chrome biedt verschillende add-ons in de Chrome Web Store die kunnen helpen.

Met behulp van een Chrome^(Chrome) -extensie voor de kleurkiezer kunt u de HEX- , RGB- of HSL -waarden verkrijgen voor elke gewenste kleur op internet. Wijs eenvoudig^(Simply) uw cursor naar de kleur en krijg de code die u nodig hebt om de kleur te matchen.

Hier zijn 10 Chrome -kleurkiezerextensies, te beginnen met die met extra functies en functionaliteit die u misschien leuk vindt.

1. Kleurkiezer - Geco^{(Color Picker Tool – Geco)}

U kunt een kleurcode verkrijgen voor elke kleur die u op een webpagina ziet met Color Picker Tool – Geco .

1. Selecteer de extensieknop in uw werkbalk.
2. Richt uw cursor op de kleur die u wilt identificeren.
3. Klik^(Click) om de kleur op te slaan in de lijst van de extensie.

U ziet dan de HEX- , RGB- en HSL - codes in de secties Nieuw^(New) en Gekozen^(Picked) van het venster van de extensie. Selecteer een eerdere kleur die je hebt geïdentificeerd en je ziet die codes in het gedeelte Nieuw^(New) .

Extra functies:

• Kopieer de HEX -kleurcode automatisch naar uw klembord om deze waar nodig gemakkelijk te plakken.
• Download een CSV -bestand van uw kleurenpalet met HEX- , RGB- en HSL - codes.
• Pas^(Adjust) de instellingen aan voor het kopiëren naar uw klembord, het inschakelen van een melding en het gebruik van een rechtermuisknop.

2. AKColor

Gebruik de pipettool van AKColor om de kleurcode te pakken van elke site die u op internet ziet.

1. Selecteer de extensieknop in uw werkbalk.
2. Kies de pipet^(eyedropper) aan de linkerkant en richt uw cursor op de kleur die u wilt identificeren.
3. Klik^(Click) om de kleurcodes samen met de dichtstbijzijnde kleur en de gemiddelde kleur van het gebied te bekijken.

Je ziet een mooi pop-upvenster met de kleurcodes voor RGB , RGBA , HEX , HSL en HSLA . Kies^(Choose) een van de codes om de kleurwaarden naar uw klembord te kopiëren. Selecteer vervolgens Opnieuw^{(Pick Again)} kiezen of Sluiten^{( Close)} .

Extra functies:

• Gebruik de Color Converter en Gradient Generator die rechtstreeks in de extensie zijn ingebouwd.
• Profiteer^(Take) van sneltoetsen voor snelle en gemakkelijke kleuridentificatie.
• Pas^(Adjust) de instellingen aan voor de nachtmodus, de interface, de grootte van de pixelvergroter, het zoomniveau en meer.

3. Kies kleur^{(Pick Color)}

Als u op zoek bent naar een kleurenkiezer die u op andere locaties kunt gebruiken in plaats van alleen op internet, dan is Kleur^{(Pick Color)} kiezen de tool voor u.

1. Selecteer de extensieknop in uw werkbalk.
2. Kies Kies uw kleur^{(Choose Your Color)} en selecteer vervolgens de pipet^(eyedropper) .
3. Richt uw cursor op de kleur die u wilt identificeren. Dit kan op een website, je desktop of in een andere applicatie.
4. Klik^(Click) om de kleur in de extensie op te slaan.

U ziet dan de HEX- , RGB- en HSL -kleurcodes in het venster van de extensie. U kunt de HEX -code kopiëren door het kopieerpictogram rechts ervan te selecteren. Om de RGB- of HSL- waarden te kopiëren, gaat u naar het gedeelte eronder en gebruikt u die kopieerpictogrammen.

Bonusfunctie^{(Bonus Feature)}

Met Kleur kiezen^{(Pick Color)} kunt u snel een kleur op een webpagina identificeren en de HEX -code met een paar klikken naar uw klembord kopiëren.

1. Klik met de rechtermuisknop op de webpagina en selecteer Kies een kleur op de pagina^{(Pick a color on the page)} in het snelmenu.
2. Beweeg uw cursor naar de kleur en u ziet de HEX -code bijgevoegd.
3. Klik om de ^(Click)HEX -code van de kleur naar uw klembord te kopiëren.

4. Kleurkiezer^{(Color Picker)} (door linangdata.com)

Voor een andere Chrome-extensie met handige extra functies^{(Chrome extension with useful extra features)} , bekijk Color Picker van linangdata.com.

1. Selecteer de extensieknop in uw werkbalk en ga naar het tabblad Pipet .^(Eyedropper)
2. Kies Pipet^(Eyedropper) en richt je cursor op de kleur. U ziet de HEX -code verschijnen terwijl u uw aanwijzer verplaatst.
3. Klik^(Click) om de kleur op te slaan in de lijst van de extensie en kopieer tegelijkertijd de HEX -code naar uw klembord.
4. Open de extensie opnieuw met de werkbalkknop en u ziet de HEX- , RGB- , HSL- , HSV- en CMYK- codes. Selecteer het kopieerpictogram rechts van een van de codes om het op uw klembord te plaatsen.

Extra functies:

• Gebruik het tabblad Kleurkiezer^{(Color Picker)} om primaire kleuren met hun kleurcodes weer te geven.
• Probeer het tabblad Kleurschaal^{(Color Scale )} om verschillende kleurtinten met hun kleurcodes te bekijken.
• Bekijk het tabblad Kleurmenger^{(Color Blender)} om kleuren te vermenigvuldigen, donkerder te maken, lichter te maken en over elkaar heen te leggen.

5. Oogdruppelaar^{(Eye Dropper)}

Eye Dropper is een leuke kleurkeuzeoptie voor Chrome met een paar bonussen die je misschien leuk vindt.

1. Selecteer de extensieknop in uw werkbalk.
2. Kies Kleur kiezen uit webpagina^{(Pick color from web page)} en verplaats uw cursor naar de kleur. Terwijl u uw aanwijzer verplaatst, ziet u de HEX- en RGB- waarden in de rechterbenedenhoek van uw browservenster.
3. Klik^(Click) op de kleur om deze op te slaan in de lijst van de extensie.
4. Wanneer u de extensie opnieuw opent, ziet u de HEX- , HSL- en RGB -kleurcodes samen met de naam van die kleur in het gedeelte Geselecteerde^(Selected) kleur. 

Extra functies:

• Gebruik het tabblad Kleurkiezer^{(Color Picker)} om uw eigen kleuren te mengen.
• Exporteer^(Export) uw kleurgeschiedenis als een CSV -bestand met de kleurcodes.
• Pas^(Adjust) de instellingen aan voor het kopiëren naar uw klembord, het wijzigen van het uiterlijk van de aanwijzer en het uitschakelen van de kleurinformatie terwijl u uw cursor beweegt.

6. Zwarte garnalen^{(Black-shrimp)}

Als je kleuren wilt identificeren en ze vervolgens wilt groeperen voor snelle toegang, bekijk dan Black-shrimp .

1. Selecteer de extensieknop in uw werkbalk. Dit opent het kleine venster van de add-on aan de linkerkant.
2. Wijs met uw cursor de kleur aan die u wilt identificeren en klik.
3. U ziet direct de HEX -code in het venster. Gebruik de vervolgkeuzelijst naast de geïdentificeerde kleur om de RGB- of HSL - kleurcodes te bekijken.
4. Om de kleur op te slaan, selecteert u het plusteken^{(plus sign)} onderaan het venster.

Extra functies:

• Voeg een groep toe met behulp van het mappictogram^(folder) en sleep de opgeslagen kleuren erin.
• Exporteer^(Export) uw opgeslagen kleuren als een ASE -bestand ( Adobe Swatch Exchange ).
• Gebruik^(Use) sneltoetsen om een ​​kleur toe te voegen, een groep te maken, te verwijderen of te exporteren.

7. Eenvoudige kleurenkiezer^{(Easy Color Picker)}

Als fancy extra functies niets voor u zijn en u wilt een eenvoudige uitbreiding, kijk dan eens naar Easy Color Picker .

1. Selecteer de extensieknop in uw werkbalk.
2. Kies de knop Kiezen^(Pick) in de rechterbovenhoek en richt uw cursor op de kleur. Terwijl u uw aanwijzer verplaatst, ziet u de HEX- en RGB- waarden in de rechterbenedenhoek van uw browservenster.
3. Klik^(Click) op de gewenste kleur en open vervolgens de extensie opnieuw met de knop om de HEX- , RGB- en HSL- codes te bekijken.

Hoewel er geen eenvoudige kopieeropties zijn voor de kleurcodes, kunt u met de rechtermuisknop in elk vak klikken en Kopiëren^(Copy) selecteren als u de waarden ergens anders wilt plakken.

8. Colorfly-kleurenkiezer^{(Colorfly Color Picker)}

Vergelijkbaar met Easy Color Picker is Colorfly Color Picker . Pak^(Grab) de kleur, bekijk de code en kopieer de waarden indien nodig.

1. Selecteer de extensieknop in uw werkbalk.
2. Kies de knop Kleur^{(Pick Color)} kiezen en plaats uw cursor op de kleur. Terwijl u uw cursor verplaatst, kunt u de HEX- en RGB- waarden in de rechterbenedenhoek van uw browservenster bekijken.
3. Klik^(Click) op de gewenste kleur en u ziet de HEX- , RGB- en HSL -codes in het venster van de extensie. Selecteer^(Select) een kleurcode om deze naar uw klembord te kopiëren.

9. Kleurkiezer^{(Color Picker)} (door kipelovvycheslav)

Een andere standaard Chrome-browserextensie^{(Chrome browser extension)} heeft dezelfde naam als een andere in onze lijst, Color Picker , deze van kipelovvycheslav.

1. Selecteer de extensieknop in uw werkbalk.
2. Wijs met uw cursor de kleur aan die u wilt identificeren en klik.
3. Open de extensie opnieuw om de HEX- , HSL- en RGB -kleurcodes te zien.

10. Slimme kleurenkiezer^{(Smart Color Picker)}

Een laatste, eenvoudige Chrome- extensie zonder toeters en bellen is Smart Color Picker .

1. Selecteer de extensieknop in uw werkbalk.
2. Kies de knop Kleur^{(Pick Color)} kiezen en plaats uw cursor op de kleur. Terwijl u uw cursor verplaatst, ziet u de HEX- en RGB- waarden in de rechterbenedenhoek van uw browservenster.
3. Klik^(Click) op de gewenste kleur en open vervolgens de extensie opnieuw met de knop om de HEX- , RGB- en HSL- codes te bekijken. Selecteer^(Select) een kleurcode om deze naar uw klembord te kopiëren.

Hopelijk is ten minste één van deze kleurkiezers voor Chrome -extensies precies wat je nodig hebt. Of je nu van extra functies houdt of het liever simpel houdt, het zijn allemaal geweldige opties.

Bekijk voor meer hulp hoe u extensies in Chrome installeert of verwijdert^{(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 beste VPN Chrome-extensies voor veilig internetten

• 9 beste OpenOffice-extensies die u nu moet installeren

• 6 beste Reddit-alternatieven die u gratis kunt gebruiken

• De 6 beste online parafraseerhulpmiddelen om tekst te herschrijven

• 7 beste apps en websites om samen video's te bekijken

• De 10 beste Evernote-sjablonen

• 12 Beste gratis Android-rekenmachine-apps en -widgets

• 14 Beste Android-apps om uw gebruikte spullen lokaal te verkopen (2022)

• 10 beste Discord-bots die elke servereigenaar zou moeten proberen

• 5 Beste Walkie Talkie-apps voor als je aan het wandelen bent

• 8 beste apps om Japans te leren

• 6 beste mobiele betalingsapps

• 5 Beste Spotify-alternatieven voor muziekstreaming

• The 7 Best PDF Readers for Windows In 2020

• 10 beste apps om uw productiviteit te meten

• De 13 beste gratis alternatieven voor Microsoft Visio

• De beste spraak-naar-tekstsoftware voor Windows 10

• De 5 beste apps om gratis aandelen te kopen

• 5 beste video-omzetters voor Android

• De 4 beste Android Office-suites naast Google en Microsoft