Warum variieren JPEG-Farben leicht?

Die verlustbehaftete JPEG-Komprimierung kann Pixelwerte verändern. Verwende für möglichst genaue Farben einer Benutzeroberfläche vorzugsweise PNG-Screenshots.

Wird auch die Transparenz berücksichtigt?

Normalerweise wird ein deckender RGB-Wert angezeigt. Bei transparenten PNG-Bildern kann der kopierte rgba()-Wert zusätzlich die Transparenz enthalten.

Kann ich Farben auf einem Touchscreen auswählen?

Auf unterstützten Geräten kann die Farbe durch Antippen ausgewählt werden; die Lupe hilft dabei, den gewünschten Bildpunkt genau zu treffen.

Bild-Farbwähler

Wähle Farben direkt aus einem hochgeladenen Bild aus und kopiere die Werte als HEX, RGB oder HSL. Eine Lupe erleichtert die genaue Auswahl einzelner Pixel.

Dateien und Inhalte werden lokal im Browser verarbeitet und nicht auf unseren Server hochgeladen.

Über dieses Tool

Lade einen Entwurf, einen Screenshot oder ein Foto hoch und klicke auf einen beliebigen Bildpunkt, um dessen Farbe als HEX-, RGB- oder HSL-Wert zu kopieren. Eine Lupe erleichtert die Auswahl kleiner Elemente der Benutzeroberfläche.

Anleitung

Farbauswahl per Mausklick
Lupe für Präzision
Ausgabe als HEX-, RGB- oder HSL-Wert
Farbwert in die Zwischenablage kopieren
Verlauf der letzten Farben, solange die Seite geöffnet bleibt
Bild hochladen: Lade das Bild hoch, aus dem du eine Farbe auswählen möchtest.
Pixel anklicken: Bewege den Mauszeiger über das Bild. Die Lupe zeigt den ausgewählten Bereich vergrößert an.
Werte kopieren: Kopiere den HEX-Wert oder eine direkt in CSS verwendbare rgb()- beziehungsweise hsl()-Angabe.

Beispiele

Farben von Schaltflächen aus älteren PNG-Entwürfen übernehmen
Farben aus Screenshots anderer Produkte untersuchen
Farbwerte eines Verlaufs in einer Grafik annähern
Genaue Farbwerte in Fehlerberichten dokumentieren

Einschränkungen

Das Tool liest nur die Pixelfarben des Bildes. Die verlustbehaftete JPEG-Komprimierung kann zu leichten Farbabweichungen führen.
Das Tool erstellt nicht automatisch eine vollständige Farbpalette des Bildes.
Das hochgeladene Bild wird direkt im Browser verarbeitet und nicht an einen Server gesendet.

FAQ

Warum variieren JPEG-Farben leicht?: Die verlustbehaftete JPEG-Komprimierung kann Pixelwerte verändern. Verwende für möglichst genaue Farben einer Benutzeroberfläche vorzugsweise PNG-Screenshots.
Wird auch die Transparenz berücksichtigt?: Normalerweise wird ein deckender RGB-Wert angezeigt. Bei transparenten PNG-Bildern kann der kopierte rgba()-Wert zusätzlich die Transparenz enthalten.
Kann ich Farben auf einem Touchscreen auswählen?: Auf unterstützten Geräten kann die Farbe durch Antippen ausgewählt werden; die Lupe hilft dabei, den gewünschten Bildpunkt genau zu treffen.