Online-Farbtool
Bild-Farbwähler
Lade ein Bild hoch und klicke auf eine Stelle, um die exakte Pixelfarbe auszulesen. Die Seite zeigt HEX, RGB, RGBA und HSL gleichzeitig und erlaubt direktes Kopieren und Feintuning.
Ein Klick reicht
Nimm die Farbe genau dort auf, wo du sie brauchst
Sofort kopieren
HEX, RGB, RGBA und HSL an einer Stelle
Danach feinjustieren
Helligkeit und Deckkraft für einen genaueren Treffer anpassen
Bild-Farbwähler
Bild hochladen, anklicken und sofort kopierbare Farbwerte erhalten
Das Auslesen der Farben läuft direkt in deinem Browser. Klicke auf das Bild, um einen Pixel aufzunehmen, und passe rechts HEX, RGB, RGBA und HSL weiter an.
Schritt 1
Bild zum Aufnehmen von Farben hochladen
Unterstützt PNG, JPG, WEBP und GIF. Nach dem Upload kannst du in der Vorschau auf jede Stelle klicken, um den Pixelwert auszulesen.
Gut für Farb-Referenzen
Poster, Screenshots, Produktfotos und Logos eignen sich gut, wenn du schnell eine Hauptfarbe herausziehen willst.
Genau dort aufnehmen, wo du musst
Farben werden pixelgenau gelesen, damit HEX- und RGB-Werte direkt in Design-Dateien und Code passen.
Weiter fein abstimmen
Nach dem Aufnehmen kannst du Helligkeit, Deckkraft und Details direkt im Seitenpanel weiter anpassen.
Aktuell aufgenommene Farbe
#2563EB
Dunkel / Deckkraft 100%
HEX
#2563EB
RGB
rgb(37, 99, 235)
RGBA
rgba(37, 99, 235, 1)
HSL
hsl(221, 83%, 53%)
So funktioniert es
1. Lade das Bild hoch, aus dem du Farben aufnehmen willst. PNG, JPG, WEBP und GIF werden unterstützt.
2. Klicke auf eine beliebige Stelle in der Vorschau und die Seite liest diesen Pixel sofort aus.
3. Wenn du eine Farbe suchst, die noch näher am finalen Design liegt, passe Helligkeit, Sättigung und Deckkraft im Seitenpanel weiter an.
4. Sobald die Farbe passt, kopiere HEX, RGB, RGBA oder HSL direkt in deine Design-Datei, dein CSS oder deinen Code.
FAQ
Warum unterscheiden sich Farben innerhalb derselben Fläche leicht?
Verläufe, Schatten, Kompressionsartefakte und Anti-Aliasing sorgen oft dafür, dass benachbarte Pixel nicht exakt gleich sind. Probiere ein paar nahe Punkte aus, bevor du dich festlegst.
Welches Format eignet sich am besten für Webentwicklung?
HEX ist meist die beste Wahl für Vollfarben. RGBA ist praktisch, wenn du Transparenz brauchst, und HSL hilft dir beim Analysieren oder Anpassen von Farbbeziehungen.
Kann ich die Farbe nach dem Aufnehmen weiter fein abstimmen?
Ja. Nach dem Aufnehmen kannst du im Farbfeld rechts Helligkeit, Sättigung und Deckkraft anpassen und anschließend HEX, RGB, RGBA oder HSL kopieren.