Beim Besuch einer Website sind Sie vielleicht auf bestimmte Farben gestoßen, die Ihnen wirklich gefallen. Sie benötigen jedoch entweder den RGB-, HSL- oder Hex-Code, um die genaue Farbe zu kennen, wenn Sie sie selbst verwenden möchten.

Glücklicherweise hat Google Chrome verschiedene Erweiterungen, um genau das zu tun. Eines davon ist das Eye Dropper-Tool, das Sie Ihrem Chrome-Browser hinzufügen und sofort verwenden können.

Was ist die Eye Dropper Chrome-Erweiterung?

Das Augentropfen Mit der Chrome-Erweiterung können Sie den Hex-Code eines Pixels überall auf einer Website finden. Wenn Sie neu bei Hex sind, hier ist Alles, was Sie über Hex-Codes wissen müssen.

Das Eye Dropper-Tool funktioniert nur im Chrome-Browser. Wenn Sie Windows verwenden, können Sie Finden Sie jede Farbe auf Ihrem Bildschirm mit PowerToys Color Picker. Wenn Sie einen Mac verwenden, können Sie die erkunden Die besten Farbwähler-Apps für Mac.

So fügen Sie die Eye Dropper Chrome-Erweiterung hinzu

Sie können das Eye Dropper-Tool über den Chrome Web Store zu Ihrem Browser hinzufügen.

instagram viewer
  1. Besuche den Eye Dropper-Erweiterungsseite im Chrome Web Store.
  2. Klicke auf Zu Chrome hinzufügen.
  3. Nach dem Hinzufügen erhalten Sie eine Bestätigungsbenachrichtigung und das Eye Dropper-Tool wird in der oberen rechten Ecke Ihrer Google Chrome-Symbolleiste angezeigt.
  4. Wenn Sie das Pipettenwerkzeug nicht sehen können, klicken Sie auf Erweiterungen und heften Sie die Pipette an.

So verwenden Sie die Pipette, um den Hex-Wert eines Pixels zu erhalten

Um das Pipettenwerkzeug zu verwenden, öffnen Sie es über die Chrome-Symbolleiste und beginnen Sie mit der Auswahl von Pixeln auf einer Webseite.

  1. Klicken Sie auf das Pipette-Tool in der oberen rechten Ecke der Google Chrome-Symbolleiste.
  2. Auswählen Wählen Sie die Farbe von der Webseite aus.
  3. Neben Ihrem Cursor erscheint ein Quadrat, um anzuzeigen, dass Sie ein Pixel ausgewählt haben. Bewegen Sie die Maus an eine beliebige Stelle auf der Website, an der Sie die Farbe wissen möchten. Der Hex-Code wird unten rechts im Chrome-Fenster angezeigt.
  4. Klicken Sie mit der Maus, um das gewünschte Pixel auszuwählen.
  5. Öffnen Sie das Pipettenwerkzeug in der Chrome-Symbolleiste erneut. Die ausgewählte Farbe steht Ihnen zum Markieren und Kopieren zur Verfügung. Der HSL- und RGB-Wert der Farbe steht Ihnen ebenfalls zur Verfügung.

Verwenden von Farbwählern, um das Hex eines Pixels zu finden

Die Eye Dropper Chrome-Erweiterung ist ein nützliches Tool, das Sie verwenden können, wenn Sie den Hex-Code eines Pixels auf einer Webseite finden möchten.

Sie können das Eye Dropper-Tool über den Chrome Web Store zu Ihrem Browser hinzufügen. Nach dem Hinzufügen können Sie Pixel auf jeder Website auswählen, und das Eye Dropper-Tool gibt den Hex-Code zurück.

Es gibt verschiedene andere Farbwähler-Tools, mit denen Sie den RGB-, HSL- oder Hex-Code eines Pixels auf dem Bildschirm finden können. Dazu gehören Farbwähler für Windows, Mac und andere Browser.