Color Picker
Farbe aus Bild auslesen
Lad ein Bild hoch, klick auf eine Stelle und erhalte den Farbcode als HEX, RGB und HSL. Alles läuft lokal im Browser, dein Bild wird nicht hochgeladen.
Bild hochladen oder hier ablegen
JPG, PNG, WebP, GIF, max. 10 MB
oder Strg+V zum Einfügen aus der Zwischenablage
Bild hochladen um zu starten
Tipp: Klicken Sie auf das Bild, um eine Farbe auszuwählen. Mit Strg+V können Sie auch Bilder aus der Zwischenablage einfügen.
Häufige Fragen
Wie lese ich eine Farbe aus einem Bild aus? ▼
Bild laden, an die gewünschte Stelle klicken, fertig. Der Farbwert erscheint sofort als HEX, RGB und HSL und lässt sich kopieren.
Wird mein Bild hochgeladen? ▼
Nein. Das Bild wird nur lokal im Browser über die Canvas-API verarbeitet. Es gibt keinen Upload und keine Server-Übertragung.
Was bedeuten HEX, RGB und HSL? ▼
Es sind drei Schreibweisen für dieselbe Farbe. HEX ist die Hexadezimalnotation fürs Web, RGB die drei Lichtkanäle von 0 bis 255, HSL beschreibt Farbton, Sättigung und Helligkeit.
Warum sieht die Farbe auf meinem Monitor anders aus? ▼
Der ausgelesene Wert ist exakt. Die Wahrnehmung hängt aber von Bildschirm und Kalibrierung ab, deshalb wirkt dieselbe Farbe auf zwei Geräten leicht unterschiedlich.
Farbcodes nachschlagen
Alle FarbenRatgeber
Alle ansehen-
Markenfarben aus Logos und Screenshots übernehmen
Du brauchst den genauen HEX-Wert eines Logos oder einer Website? Mit einem Color-Picker liest du Farben direkt aus dem Bild aus. Worauf du dabei achten musst, klären wir hier.
-
Datenschutz beim Color Picker: warum dein Bild lokal bleibt
Wer eine Farbe aus einem Bild zieht, lädt oft sensible Screenshots hoch. Beim Color Picker passiert die Verarbeitung komplett im Browser, dein Bild verlässt das Gerät nicht.
-
Farbe aus einem Bild auslesen: so funktioniert ein Color Picker
Ein Color Picker liest den exakten Farbwert an der Stelle aus, auf die du klickst. Dieser Ratgeber zeigt, wozu das gut ist, wie es technisch funktioniert und wie du Schritt fuer Schritt sauber pickst.
-
HEX, RGB, HSL und CMYK: Farbcodes verstehen und umrechnen
Vier Farbmodelle dominieren die digitale Gestaltung: HEX und RGB fürs Web, HSL für intuitive Anpassungen und CMYK für den Druck. Dieser Ratgeber erklärt Aufbau, Unterschiede und die Umrechnung.
-
Wie Bildschirme Farben darstellen: Pixel, Subpixel und Farbräume
Ein Bildschirm mischt jede Farbe aus drei Lichtquellen pro Bildpunkt. Wie das funktioniert, was Bittiefe und Farbräume damit zu tun haben und warum der gepickte Wert trotzdem exakt bleibt.
-
Farbcodes in CSS, Figma und Design-Tools verwenden
Ein ausgelesener Farbwert ist nur der Anfang. Dieser Ratgeber zeigt, wie du HEX, RGB und HSL sauber in CSS, Figma, Tailwind und Office-Tools ueberfuehrst und dabei wartbar bleibst.