Du möchtest den Farbcode eines Elements auf einer Webseite herausfinden? Dafür brauchst du in aktuellen Firefox-Versionen kein zusätzliches Color-Picker-Plugin mehr. Firefox bringt eine Farbpipette (Eyedropper) bereits in den Entwicklerwerkzeugen mit.
Farbcode mit der Firefox-Farbpipette ermitteln
- Öffne die gewünschte Webseite in Firefox.
- Öffne die Entwicklerwerkzeuge mit F12 oder Strg + Umschalt + I.
- Öffne in den Entwicklerwerkzeugen die Farbpipette beziehungsweise den Eyedropper.
- Bewege die Pipette über die gewünschte Stelle der Webseite.
- Klicke auf die Farbe. Der Hex-Farbwert wird übernommen bzw. in die Zwischenablage kopiert.
Alternativ kannst du ein Seitenelement mit Rechtsklick → Untersuchen öffnen. In der CSS-Regelansicht lassen sich vorhandene Farbwerte ebenfalls direkt anklicken und mit der Pipette auswählen.
Welche Werte erhältst du?
Typisch ist ein HEX-Wert wie #3399cc. In den Entwicklerwerkzeugen kann Firefox Farben je nach Einstellung auch als RGB, HSL oder andere CSS-Farbnotationen darstellen.
Hinweis: Ältere Anleitungen empfehlen Erweiterungen wie „Sharp Color Picker“. Für das reine Ermitteln von Webseitenfarben sind solche Erweiterungen heute normalerweise nicht mehr erforderlich.