Farbpipette für Bilder
Ermittle die HEX- und RGB-Werte einer Farbe in einem Bild. Lade ein Foto hoch oder füge einen Screenshot ein und klicke auf den gewünschten Bereich.
Das könnte dir auch helfen: Website-Farbpalette als Vorschau , Lesbare Textfarben finden , Zufällige Farbverläufe erstellen und weitere
Bild hochladen
Ziehe dein Bild hierher oder klicke zum Auswählen
Unterstützt JPG, PNG, GIF und WebP (max. 10 MB)
Oder drückeCmd+Vzum Einfügen aus der Zwischenablage
So geht's
Schritt 1: Bild hochladen
Lade eine Bilddatei (JPG, PNG, GIF, WebP) per Drag-and-drop, über die Dateiauswahl oder aus der Zwischenablage hoch.
Schritt 2: Farbe per Klick auswählen
Klicke auf eine beliebige Stelle im Bild, um einen Pixel auszuwählen und seine Farbinformationen zu extrahieren.
Schritt 3: Farbwerte kopieren
Kopiere Hex- oder RGB-Werte über die Schaltflächen in die Zwischenablage, um sie in Designprogrammen oder Code zu verwenden.
HEX und RGB beschreiben dieselbe ausgewählte Farbe unterschiedlich: #2563EB entspricht rgb(37, 99, 235). HEX ist praktisch für CSS und Designprogramme. RGB gibt die Werte der Rot-, Grün- und Blaukanäle von 0 bis 255 an.
Beispiel: Eine Logofarbe in CSS übernehmen
Klicke in einen gleichmäßigen, einfarbigen Bereich eines Logos, kopiere den HEX-Code und verwende ihn in einer CSS-Deklaration wie color: #2563EB;. Prüfe mehrere benachbarte Stellen, wenn das Bild Schattierungen oder Kompressionsartefakte enthält.
Warum kann die ausgewählte Farbe vom Original abweichen?
Große Bilder werden auf eine Bildfläche von 800 × 600 skaliert. Dabei können sich Randfarben vermischen. JPEG-Komprimierung, Schatten und Verläufe können die ermittelten Werte ebenfalls verändern. Schneide für eine repräsentativere Auswahl vor dem Hochladen einen einfarbigen Bereich aus. Vollständig transparente Pixel lassen sich nicht auswählen.
Brauchst du eine ganze Palette statt eines einzelnen Pixels? Extrahiere die Hauptfarben des Bildes oder wandle einen kopierten Farbcode in ein anderes Format um.
Ist dieses Tool hilfreich? Teile es mit deinem Team und beschleunige eure Arbeit.
Gefällt es dir, tippe auf . Braucht es Verbesserungen, tippe auf , damit wir Updates priorisieren können.