Egal, ob Sie ein Webdesigner , Künstler oder einfach nur eine Person sind, die Farben anpassen möchte, Google Chrome bietet im Chrome Web Store mehrere Add-ons, die Ihnen helfen können.

Mit einer Chrome - Erweiterung zur Farbauswahl können Sie die HEX -, RGB - oder HSL -Werte für jede gewünschte Farbe im Internet abrufen. Zeigen Sie einfach^(Simply) mit dem Cursor auf die Farbe und erhalten Sie den Code, den Sie für die Übereinstimmung mit der Farbe benötigen.

Hier sind 10 Chrome -Farbwähler-Erweiterungen, beginnend mit denen, die über zusätzliche Features und Funktionen verfügen, die Ihnen gefallen könnten.

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

Mit dem Color Picker Tool – Geco^{(Color Picker Tool – Geco)} können Sie für jede Farbe, die Sie auf einer Webseite sehen, einen Farbcode erhalten .

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Zeigen Sie mit dem Cursor auf die Farbe, die Sie identifizieren möchten.
3. Klicken Sie^(Click) auf , um die Farbe in der Liste der Erweiterung zu speichern.

Sie sehen dann die Codes HEX , RGB und HSL in den Abschnitten „ Neu^(New) “ und „ Gewählt “ des Fensters der Erweiterung. ^(Picked)Wählen Sie eine frühere Farbe aus, die Sie identifiziert haben, und Sie sehen diese Codes im Abschnitt „ Neu^(New) “.

Zusatzfunktionen:

• Kopieren Sie den HEX -Farbcode automatisch in Ihre Zwischenablage, um ihn bei Bedarf einfach einzufügen.
• Laden^(Download) Sie eine CSV -Datei Ihrer Farbpalette mit HEX- , RGB- und HSL - Codes herunter.
• Passen^(Adjust) Sie die Einstellungen für das Kopieren in Ihre Zwischenablage, das Aktivieren einer Benachrichtigung und die Verwendung eines Rechtsklicks an.

2. AKFarbe^(AKColor)

Verwenden Sie das Pipetten-Tool von AKColor , um den Farbcode von jeder Website zu erhalten, die Sie im Internet sehen.

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Wählen Sie die Pipette^(eyedropper) auf der linken Seite und zeigen Sie mit dem Cursor auf die Farbe, die Sie identifizieren möchten.
3. Klicken Sie hier^(Click) , um die Farbcodes zusammen mit der nächstgelegenen Farbe und der durchschnittlichen Farbe des Bereichs anzuzeigen.

Sie sehen ein nettes Popup-Fenster mit den Farbcodes für RGB , RGBA , HEX , HSL und HSLA . Wählen Sie^(Choose) einen der Codes, um die Farbwerte in Ihre Zwischenablage zu kopieren. Wählen Sie dann Erneut^{(Pick Again)} auswählen oder Schließen^{( Close)} aus .

Zusatzfunktionen:

• Verwenden Sie den Farbkonverter^{(Color Converter)} und den Verlaufsgenerator^{(Gradient Generator)} , die direkt in die Erweiterung integriert sind.
• ^(Take)Nutzen Sie Tastenkombinationen für eine schnelle und einfache Farbidentifikation .
• Passen Sie^(Adjust) die Einstellungen für den Nachtmodus, die Benutzeroberfläche, die Größe der Pixellupe, die Zoomstufe und mehr an.

3. Farbe auswählen^{(Pick Color)}

Wenn Sie nach einem Farbwähler suchen, den Sie an anderen Orten als nur im Internet verwenden können, ist Pick Color das richtige Tool für Sie.

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Wählen Sie Farbe^{(Choose Your Color)} auswählen und dann die Pipette aus^(eyedropper) .
3. Zeigen Sie mit dem Cursor auf die Farbe, die Sie identifizieren möchten. Dies kann auf einer Website, Ihrem Desktop oder in einer anderen Anwendung sein.
4. Klicken Sie^(Click) auf , um die Farbe in der Erweiterung zu speichern.

Sie sehen dann die Farbcodes HEX , RGB und HSL im Fenster der Erweiterung. ^(HSL)Sie können den HEX -Code kopieren, indem Sie das Kopiersymbol rechts davon auswählen. Um die RGB- oder HSL- Werte zu kopieren, gehen Sie zum Abschnitt darunter und verwenden Sie diese Kopiersymbole.

Bonusfunktion^{(Bonus Feature)}

Mit Pick Color können Sie schnell eine Farbe auf einer Webseite identifizieren und den HEX -Code mit ein paar Klicks in Ihre Zwischenablage kopieren.

1. Klicken Sie mit der rechten Maustaste auf die Webseite und wählen Sie im Kontextmenü Farbe auf der Seite auswählen aus.^{(Pick a color on the page)}
2. Bewegen Sie Ihren Cursor auf die Farbe und Sie sehen den angehängten HEX -Code.
3. Klicken Sie hier , um den ^(Click)HEX -Code der Farbe in Ihre Zwischenablage zu kopieren.

4. Farbwähler^{(Color Picker)} (von linangdata.com)

Eine weitere Chrome-Erweiterung mit nützlichen^{(Chrome extension with useful extra features)} Zusatzfunktionen finden Sie unter Color Picker von linangdata.com.

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste und gehen Sie zur Registerkarte Pipette^(Eyedropper) .
2. Wählen Sie Pipette^(Eyedropper) und zeigen Sie mit dem Cursor auf die Farbe. Beim Bewegen des Mauszeigers wird der HEX -Code angezeigt.^(HEX)
3. Klicken Sie^(Click) auf , um die Farbe in der Liste der Erweiterung zu speichern und gleichzeitig den HEX -Code in Ihre Zwischenablage zu kopieren.
4. Öffnen Sie die Erweiterung erneut mit der Symbolleistenschaltfläche und Sie sehen die Codes HEX , RGB , HSL , HSV und CMYK . Wählen Sie das Kopiersymbol rechts neben einem der Codes aus, um ihn in Ihrer Zwischenablage abzulegen.

Zusatzfunktionen:

• Verwenden Sie die Registerkarte Farbauswahl, um Grundfarben mit ihren Farbcodes^{(Color Picker)} anzuzeigen.
• Probieren Sie die Registerkarte Farbskala^{(Color Scale )} aus, um verschiedene Farbtöne mit ihren Farbcodes anzuzeigen.
• Sehen Sie sich die Registerkarte Color Blender an, um Farben zu multiplizieren, abzudunkeln, aufzuhellen und zu überlagern.

5. Augentropfen^{(Eye Dropper)}

Eye Dropper ist eine nette Farbauswahloption für Chrome mit einigen Boni, die Ihnen gefallen könnten.

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Wählen Sie Farbe von Webseite auswählen^{(Pick color from web page)} und bewegen Sie den Cursor auf die Farbe. Während Sie Ihren Mauszeiger bewegen, sehen Sie die HEX- und RGB- Werte in der rechten unteren Ecke Ihres Browserfensters.
3. Klicken Sie^(Click) auf die Farbe, um sie in der Liste der Erweiterung zu speichern.
4. Wenn Sie die Erweiterung erneut öffnen, sehen Sie die Farbcodes HEX , HSL und RGB zusammen mit dem Namen dieser Farbe im Abschnitt ^(RGB)Ausgewählte^(Selected) Farbe. 

Zusatzfunktionen:

• Verwenden Sie die Registerkarte Farbauswahl^{(Color Picker)} , um Ihre eigenen Farben zu mischen.
• Exportieren^(Export) Sie Ihren Farbverlauf als CSV -Datei mit den Farbcodes.
• Passen^(Adjust) Sie die Einstellungen für das Kopieren in Ihre Zwischenablage, das Ändern des Zeigeraussehens und das Deaktivieren der Farbinformationen beim Bewegen des Cursors an.

6. Schwarze Garnelen^{(Black-shrimp)}

Wenn Sie Farben identifizieren und sie dann für einen schnellen Zugriff gruppieren möchten, sehen Sie sich Black-shrimp an .

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus. Dies öffnet das kleine Fenster des Add-Ons auf der linken Seite.
2. Zeigen Sie mit dem Cursor auf die Farbe, die Sie identifizieren möchten, und klicken Sie darauf.
3. Sie sehen sofort den HEX -Code im Fenster. Verwenden Sie das Dropdown-Feld neben der identifizierten Farbe, um die RGB- oder HSL -Farbcodes anzuzeigen.
4. Um die Farbe zu speichern, wählen Sie das Pluszeichen^{(plus sign)} unten im Fenster.

Zusatzfunktionen:

• Fügen Sie eine Gruppe mit dem Ordnersymbol hinzu^(folder) und ziehen Sie gespeicherte Farben hinein.
• Exportieren^(Export) Sie Ihre gespeicherten Farben als ASE - Datei ( Adobe Swatch Exchange ).
• Verwenden Sie^(Use) Tastenkombinationen, um eine Farbe hinzuzufügen, eine Gruppe zu erstellen, zu löschen oder zu exportieren.

7. Einfache Farbauswahl^{(Easy Color Picker)}

Wenn ausgefallene Zusatzfunktionen nichts für Sie sind und Sie eine einfache Erweiterung wünschen, werfen Sie einen Blick auf Easy Color Picker .

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Wählen Sie oben rechts die Schaltfläche „ Auswählen“^(Pick) und zeigen Sie mit dem Cursor auf die Farbe. Während Sie Ihren Mauszeiger bewegen, sehen Sie die HEX- und RGB- Werte in der rechten unteren Ecke Ihres Browserfensters.
3. Klicken^(Click) Sie auf die gewünschte Farbe und öffnen Sie die Erweiterung erneut mit der Schaltfläche , um die HEX- , RGB- und HSL - Codes anzuzeigen.

Obwohl es keine einfachen Kopieroptionen für die Farbcodes gibt, können Sie mit der rechten Maustaste in jedes Feld klicken und Kopieren^(Copy) auswählen, wenn Sie die Werte an anderer Stelle einfügen müssen.

8. Colorfly-Farbwähler^{(Colorfly Color Picker)}

Ähnlich wie Easy Color Picker ist Colorfly Color Picker . Nehmen Sie^(Grab) die Farbe, sehen Sie sich den Code an und kopieren Sie bei Bedarf Werte.

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Wählen Sie die Schaltfläche „Farbe^{(Pick Color)} auswählen“ und zeigen Sie mit dem Cursor auf die Farbe. Während Sie Ihren Cursor bewegen, können Sie die HEX- und RGB- Werte in der unteren rechten Ecke Ihres Browserfensters anzeigen.
3. Klicken^(Click) Sie auf die gewünschte Farbe und Sie sehen die Codes HEX , RGB und HSL im Fenster der Erweiterung. Wählen Sie^(Select) einen beliebigen Farbcode aus, um ihn in Ihre Zwischenablage zu kopieren.

9. Farbwähler^{(Color Picker)} (von kipelovvycheslav)

Eine weitere grundlegende Chrome-Browsererweiterung^{(Chrome browser extension)} hat den gleichen Namen wie eine andere in unserer Liste, Color Picker , diese von kipelovvycheslav.

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Zeigen Sie mit dem Cursor auf die Farbe, die Sie identifizieren möchten, und klicken Sie darauf.
3. Öffnen Sie die Erweiterung erneut, um die Farbcodes HEX , HSL und RGB anzuzeigen.^(RGB)

10. Intelligenter Farbwähler^{(Smart Color Picker)}

Eine letzte, einfache Chrome - Erweiterung ohne Schnickschnack ist Smart Color Picker .

1. Wählen Sie die Erweiterungsschaltfläche in Ihrer Symbolleiste aus.
2. Wählen Sie die Schaltfläche „Farbe^{(Pick Color)} auswählen“ und zeigen Sie mit dem Cursor auf die Farbe. Während Sie Ihren Cursor bewegen, sehen Sie die HEX- und RGB- Werte in der unteren rechten Ecke Ihres Browserfensters.
3. Klicken^(Click) Sie auf die gewünschte Farbe und öffnen Sie die Erweiterung erneut mit der Schaltfläche , um die HEX- , RGB- und HSL - Codes anzuzeigen. Wählen Sie^(Select) einen beliebigen Farbcode aus, um ihn in Ihre Zwischenablage zu kopieren.

Hoffentlich ist mindestens einer dieser Farbwähler für Chrome -Erweiterungen genau das, was Sie brauchen. Egal, ob Sie zusätzliche Funktionen mögen oder es lieber einfach halten möchten, sie sind alle großartige Optionen.

Weitere Hilfe finden Sie unter So installieren oder entfernen Sie Erweiterungen in 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

• Die 3 besten VPN-Chrome-Erweiterungen für sicheres Surfen im Internet

• Die 9 besten OpenOffice-Erweiterungen, die Sie jetzt installieren sollten

• Die 6 besten Reddit-Alternativen, die Sie kostenlos nutzen können

• Die 6 besten Online-Paraphrasierungstools zum Umschreiben von Text

• Die 7 besten Apps und Websites zum gemeinsamen Ansehen von Videos

• Die 14 besten Android-Apps zum lokalen Verkauf Ihrer gebrauchten Sachen (2022)

• Beste kostenlose Software zum Entfernen von Spyware und Malware

• Die 10 besten Evernote-Vorlagen

• Die 10 besten Apps zur Messung Ihrer Produktivität

• Die 10 besten Discord-Bots, die jeder Serverbesitzer ausprobieren sollte

• Die 7 besten iTunes-Alternativen zum Verwalten Ihrer Musiksammlung

• Die beste Speech-to-Text-Software für Windows 10

• Die 9 besten Discord Voice Changer Software (2021)

• Die 7 besten Apps, um online und im Internet Freunde zu finden

• Die 5 besten anonymen Filesharing- und Hosting-Sites

• Die 7 besten Slack-Bots für Ihren Slack-Channel

• Die 5 besten Walkie-Talkie-Apps zum Wandern

• Die beste Kindersicherungssoftware für Windows 10

• Die 7 besten Apps, die Ihnen helfen, besser zu lernen

• Die 9 besten Kalorienzähler-Apps für iPhone und Android