Farbwähler
Wählen Sie jede Farbe aus einem Bild und erhalten Sie sofort HEX-, RGB-, HSL-, HSV- und CMYK-Codes.
Bild hochladen, um eine Farbe zu wählen
Ziehen und ablegen, einfügen oder durchsuchen – PNG, JPG, WEBP oder GIF
Tipp: Sie können ein Bild auch mit Strg/Cmd + V einfügen
Farbcodes
Nächstgelegener Farbname: Royal Blue
Farbharmonien
Kontrastprüfung (WCAG)
Beispieltext
Gespeicherte Farben
Noch keine gespeicherten Farben – wählen Sie eine und tippen Sie auf „Farbe speichern“.
Ein Farbwähler ist ein Werkzeug, mit dem Sie eine beliebige Farbe aus einem Bild aufnehmen und deren exakten Farbwert ablesen. Sie klicken einfach mit der Pipette auf ein Pixel und erhalten die Farbe sofort als HEX-, RGB-, HSL-, HSV- und CMYK-Code – kein Rätselraten, kein Nachmischen. Genau die Farbe, die Sie sehen, steht Ihnen zum Kopieren bereit.
Ob im Webdesign, in der Entwicklung, im Druck oder bei der Barrierefreiheit: Ein verlässlicher Farbwert erspart viel Arbeit. Dieser Farbwähler ist kostenlos und läuft vollständig in Ihrem Browser – Ihre Bilder werden nicht auf einen Server hochgeladen, was Ihre Daten schützt. Neben den fünf gängigen Farbmodellen können Sie eine ganze Palette aus einem Bild extrahieren, passende Farbharmonien erzeugen und den WCAG-Kontrast zweier Farben überprüfen.
So bestimmen Sie eine Farbe aus einem Bild
- 1
Bild hochladen
Ziehen Sie ein Bild in das Feld oder wählen Sie eine Datei von Ihrem Gerät. PNG, JPG, WEBP und GIF werden unterstützt; Sie können ein Bild auch einfach einfügen.
- 2
Mit der Pipette eine Farbe wählen
Klicken Sie mit der Pipette auf genau jenes Pixel, dessen Farbe Sie brauchen. Zoomen Sie bei Bedarf hinein, um die Stelle punktgenau zu treffen.
- 3
Farbcodes ablesen und kopieren
Lesen Sie die Werte in HEX, RGB, HSL, HSV und CMYK ab und kopieren Sie den gewünschten Code mit einem einzigen Klick in die Zwischenablage.
- 4
Palette aus dem Bild extrahieren
Lassen Sie die dominanten Farben des Bildes automatisch als Palette herauslösen – ideal, um in Sekunden ein stimmiges Farbschema zu erhalten.
- 5
Farbharmonien erzeugen
Erzeugen Sie aus Ihrer gewählten Farbe passende Harmonien wie Komplementär-, Analog- oder Triadenfarben und finden Sie so mühelos ergänzende Töne.
- 6
Kontrast prüfen und Palette exportieren
Kontrollieren Sie den WCAG-Kontrast zwischen Text und Hintergrund, speichern Sie Ihre Lieblingsfarben und exportieren Sie die Palette als CSS, JSON oder PNG.
HEX, RGB, HSL, HSV und CMYK erklärt
Jedes Farbmodell beschreibt dieselbe Farbe auf eine andere Weise – gedacht jeweils für einen bestimmten Zweck. HEX und RGB sind auf Bildschirme ausgelegt, HSL und HSV erleichtern das intuitive Anpassen von Farbton und Sättigung, und CMYK ist für den Druck gemacht. Die folgende Übersicht zeigt, wann welches Modell am sinnvollsten ist.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Web und CSS |
| RGB | rgb(59, 130, 246) | Bildschirme und digitale Anzeigen |
| HSL | hsl(217, 91%, 60%) | Intuitives Anpassen von Farben |
| HSV | hsv(217, 76%, 96%) | Design-Werkzeuge und Farbwähler |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Druck und Printprodukte |
Web- und UI-Design
Nehmen Sie Farben aus einem Screenshot, einem Logo oder einem Moodboard auf und übertragen Sie sie eins zu eins in Ihr Design. So bleiben Ihre Oberflächen konsistent und Sie treffen jeden Markenton auf den Punkt genau.
Frontend-Entwicklung
Kopieren Sie den HEX- oder RGB-Wert direkt in Ihre CSS-Variablen, Design-Tokens oder Ihr Theme. Statt Farben zu schätzen, arbeiten Sie mit exakten Codes, die sich sauber im gesamten Projekt wiederverwenden lassen.
Druck und Branding
Für Flyer, Visitenkarten oder Verpackungen brauchen Sie CMYK-Werte statt Bildschirmfarben. Der Farbwähler liefert Ihnen die CMYK-Aufteilung mit, damit Ihre Druckdaten dem Bildschirm möglichst nahekommen.
Barrierefreiheit
Prüfen Sie mit dem integrierten WCAG-Kontrastprüfer, ob Text und Hintergrund ausreichend Kontrast bieten. So stellen Sie sicher, dass Ihre Inhalte für alle gut lesbar sind und die Vorgaben der Stufen AA und AAA erfüllen.
Der Vergleich
Viele Online-Farbwähler liefern nur einen HEX-Wert und finanzieren sich über Werbung. Hier sehen Sie, was unser Werkzeug im Vergleich zu imagecolorpicker.com bietet.
| Farbmodelle | HEX, RGB, HSL, HSV und CMYK | Nur HEX, RGB und HSL |
| CMYK für den Druck | Ja, inklusive CMYK-Werten | Nein |
| WCAG-Kontrastprüfer | Integriert, mit AA- und AAA-Bewertung | Nicht vorhanden |
| Farbharmonien | Komplementär, analog, triadisch und mehr | Nicht vorhanden |
| Werbung | Keine Werbung, keine Ablenkung | Werbefinanziert |
Häufige Fragen
Wie bestimme ich eine Farbe aus einem Bild?
Laden Sie Ihr Bild hoch und klicken Sie mit der Pipette auf die gewünschte Stelle. Der Farbwähler zeigt Ihnen sofort die HEX-, RGB-, HSL-, HSV- und CMYK-Werte des angeklickten Pixels an, die Sie mit einem Klick kopieren können.
Was ist ein HEX-Farbcode?
Ein HEX-Farbcode ist eine sechsstellige Schreibweise wie #3B82F6, die eine Farbe über ihre Rot-, Grün- und Blauanteile im Hexadezimalsystem beschreibt. Er wird vor allem im Web und in CSS verwendet, weil er kurz und eindeutig ist.
Wie rechne ich RGB in HEX um?
Jeder der drei RGB-Werte (0 bis 255) wird in eine zweistellige Hexadezimalzahl umgewandelt und aneinandergereiht. Der Farbwähler nimmt Ihnen diese Umrechnung ab und zeigt HEX und RGB stets gemeinsam an, sodass Sie nichts von Hand berechnen müssen.
Wie erstelle ich eine Farbpalette aus einem Foto?
Laden Sie das Foto hoch und nutzen Sie die Funktion „Palette extrahieren“. Das Werkzeug ermittelt automatisch die dominanten Farben und stellt sie als Palette zusammen, die Sie speichern und als CSS, JSON oder PNG exportieren können.
Wie prüfe ich den Farbkontrast auf Barrierefreiheit?
Wählen Sie eine Text- und eine Hintergrundfarbe im Kontrastprüfer aus. Das Werkzeug berechnet das Kontrastverhältnis und zeigt an, ob es die WCAG-Anforderungen der Stufen AA und AAA für normalen und großen Text erfüllt.
Ist der Farbwähler kostenlos und meine Daten geschützt?
Ja. Der Farbwähler ist vollständig kostenlos und läuft direkt in Ihrem Browser. Ihre Bilder werden nicht auf einen Server hochgeladen, sondern ausschließlich lokal auf Ihrem Gerät verarbeitet – Ihre Daten bleiben also bei Ihnen.
