Farbe aus Bild bestimmen
Lade ein Foto hoch, zieh es hierher oder füge es ein und klicke dann auf eine beliebige Stelle, um ihren Hex-Code, ihre RGB- und HSL-Werte und ihren Farbnamen zu erhalten. Außerdem liest der Farbwähler eine Palette der wichtigsten Farben im Bild aus.
So bestimmst du eine Farbe aus einem Bild
- Klicke auf Bild auswählen, zieh ein Foto in den Rahmen oder füge einen Screenshot mit Strg+V (Cmd+V auf dem Mac) ein. Ein Beispielfoto ist schon geladen, damit du es gleich ausprobieren kannst.
- Klicke auf eine beliebige Stelle im Foto. Die ausgewählte Markierung springt dorthin, und die Lupe zeigt die Pixel unter deinem Mauszeiger, damit du genau den richtigen triffst.
- Lies die Farbe links ab: ihren Hex-Code, ihre RGB- und HSL-Werte, jeweils mit Kopieren-Button, und den nächsten Namen aus einer Liste von über 900 benannten Farben.
- Für eine Palette nimmst du mit dem Schieberegler oder den Plus- und Minus-Buttons 2 bis 10 Farben auf. Öffne sie dann im Generator oder erstelle aus der kräftigsten ein komplettes Farbsystem.
Das kannst du damit machen
Jedes Pixel aufnehmen
Klicke oder ziehe im Foto, um genau das Pixel unter der Markierung aufzunehmen, mit einer vergrößerten Ansicht der Pixel drumherum.
HEX, RGB und HSL
Jede aufgenommene Farbe zeigt ihren Hex-Code und ihre RGB- und HSL-Werte, bereit zum Kopieren in CSS, Figma oder jedes andere Design-Tool.
Den Farbnamen finden
Der Farbwähler nennt die Farbe oder die nächste benannte Farbe und verlinkt auf ihre Seite mit Abstufungen, passenden Farben und Kontrast.
Automatische Palette
Die Markierungen starten auf den unterschiedlichen Hauptfarben des Bildes, sodass du ohne einen Klick eine brauchbare Palette mit 2 bis 10 Farben bekommst.
Hochladen, hineinziehen oder einfügen
Wähle eine Datei aus, zieh eine in den Rahmen oder füge einen Screenshot direkt aus der Zwischenablage ein.
Privat von Grund auf
Ein Foto, das du hinzufügst, wird in deinem Browser gelesen, um seine Pixel auszuwerten, und nicht an einen Server gesendet.
Häufige Fragen
Wie finde ich den Hex-Code einer Farbe in einem Bild?
Füge das Bild über Bild auswählen, per Drag-and-drop oder durch Einfügen hinzu und klicke dann auf die gewünschte Stelle. Ihr Hex-Code erscheint links mit einem Kopieren-Button, neben ihren RGB- und HSL-Werten.
Wie finde ich heraus, welche Farbe etwas auf einem Foto hat?
Klicke es im Farbwähler an. Du bekommst den genauen Farbcode dieses Pixels und den Namen der nächsten Farbe aus über 900 benannten Farben, mit einem Link zu einer Seite über diese Farbe. Licht und Schatten verändern die Pixel, probiere also ein paar Stellen aus.
Wie wählt der Farbwähler die Farben der Palette aus?
Er gruppiert die Pixel einer kleinen Kopie des Bildes danach, wie sie für das Auge aussehen, im Farbraum OKLab, und wählt für jede Gruppe ein repräsentatives Pixel. Fast identische Farben fallen weg, deshalb liefert ein flächiges Bild weniger, aber deutlicher unterschiedliche Farben.
Wird mein Foto hochgeladen?
Nein. Ein Foto, das du auswählst, wird in deinem Browser gelesen, damit seine Pixel ausgewertet werden können, und nicht an unseren Server gesendet. Nur das Beispielfoto, mit dem die Seite startet, wird aus dem Web geladen.
Kann ich eine Farbe aus einem Screenshot aufnehmen?
Ja. Mach den Screenshot, drück auf dieser Seite Strg+V (Cmd+V auf dem Mac), um ihn einzufügen, und klicke auf die gewünschte Farbe. Das funktioniert für Websites, Apps und Standbilder aus Videos.
Welche Bildformate funktionieren?
Jedes Bild, das dein Browser anzeigen kann, also normalerweise JPEG, PNG, WebP und GIF.