zurück zum Artikel

Color-Picker in Chrome nutzen

Michael Mierke

(Bild: Kenneth Summers/Shutterstock.com)

Es braucht nicht immer ein Add-on: In Google Chrome ist bereits ein Color-Picker integriert - wenn auch etwas versteckt.

Mithilfe eines Color-Pickers können die Farbwerte eines ausgewählten Punktes einer Webseite erfasst werden. Die Werte können in Chrome als RGB-, HEX- oder HSL-Format dargestellt werden, damit Sie garantiert die perfekte Farbe für Ihr eigenes Design finden. Es gibt mittlerweile unzählige Add-ons, die einen Color-Picker in Google Chrome [1] hinzufügen. Dabei ist das gar nicht nötig: Etwas versteckt in den sogenannten Dev-Tools ist bereits die Funktion zur Farbauswahl integriert.

So nutzen Sie den integrierten Color-Picker in Chrome

Schauen Sie sich unsere Schritt-für-Schritt-Anleitung [2] an oder lesen Sie die Kurzanleitung [3].

[4]

Color-Picker in Chrome nutzen (0 Bilder) [5]

[6]
  1. Öffnen Sie zunächst eine Webseite, deren Farben Sie auswählen möchten.
  2. Anschließend öffnen Sie Googles Dev-Tools über die Taste [F12].
  3. Nun wählen Sie unten "Styles" aus.
  4. Im Feld "Filter" geben Sie den Suchbegriff "color" ein.
  5. Im nächsten Schritt klicken Sie auf ein Viereck neben einer beliebigen Farbe, um den Color-Picker zu öffnen.
  6. Mit dem Color-Picker können Sie nun die gewünschte Farbe auf der Webseite mit einem linken Mausklick auswählen.
  7. Anschließend werden Ihnen automatisch die HEX-Werte der Farbe im Picker angezeigt.
  8. Über die Pfeile können Sie sich sowohl die RGB-Werte als auch die HSL-Werte der Farbe anzeigen lassen.

Mehr Infos
(mimi)

URL dieses Artikels:
https://www.heise.de/-4856514

Links in diesem Artikel:

  1. https://www.heise.de/download/product/google-chrome-57483
  2. #Schritt-für-Schritt-Anleitung
  3. #Kurzanleitung
  5. https://www.heise.de/bilderstrecke/2943119.html?back=4856514;back=4856514
  6. https://www.heise.de/bilderstrecke/2943119.html?back=4856514;back=4856514
  8. https://www.heise.de/tipps-tricks/Chrome-synchronisieren-so-geht-s-4679657.html
  9. https://www.heise.de/tipps-tricks/Chrome-Hintergrund-aendern-4559561.html
  10. https://www.heise.de/tipps-tricks/Google-Chrome-Startseite-festlegen-so-wird-s-gemacht-4268036.html

Copyright © 2020 Heise Medien