Farbe aus Bild auslesen — HEX, RGB, HSL, CMYK

Die genaue Farbe jedes Pixels finden

Designer, Entwickler und Bastler brauchen oft den exakten Farbcode von etwas, das sie in einem Bild sehen: die Markenfarbe in einem Logo, den Hintergrund eines Screenshots, einen Farbton aus einem Produktfoto oder den Ton eines Gemäldes. Mit diesem Bild-Farbwähler öffnest du ein beliebiges Bild und klickst auf einen Pixel, um dessen Farbe zu lesen. Eine runde Lupe vergrößert den Bereich unter dem Mauszeiger, sodass du auch bei dünnen Linien, kleinem Text oder geglätteten Kanten den genauen Pixel triffst. Jede gewählte Farbe wird als HEX-Code in die Zwischenablage kopiert und in einem Verlauf gespeichert. Das Bild verlässt nie dein Gerät, da das Auslesen auf einem lokalen Canvas passiert.

HEX, RGB, HSL und CMYK erklärt

Der Farbwähler zeigt jede Farbe in vier Schreibweisen. HEX, etwa #1E90FF, ist die kompakte Form für CSS, HTML und die meisten Design-Tools. RGB nennt die Rot-, Grün- und Blaukanäle von 0 bis 255 und ist praktisch für Code und Bildbearbeitung. HSL beschreibt Farbton, Sättigung und Helligkeit, wodurch sich leicht hellere oder dunklere Varianten derselben Farbe erzeugen lassen. CMYK liefert eine ungefähre Mischung aus Cyan, Magenta, Gelb und Schwarz für den Druck; für eine exakte Druckabstimmung prüfe den Wert mit dem Farbprofil deines Druckers. Klicke auf einen Wert, um ihn in diesem Format zu kopieren.

Tipps für genaue Treffer

Fotos und JPEG-Bilder enthalten Rauschen, daher können benachbarte Pixel um einige Werte abweichen. Aktiviere Average 5×5 pixels, um einen kleinen Bereich zu mitteln und die Farbe zu erhalten, die dein Auge tatsächlich wahrnimmt. Nutze PNG-Screenshots, um Oberflächenfarben abzugleichen, da sie verlustfrei sind. In Chrome und Edge kann die Schaltfläche Pick from screen Farben von überall auf dem Bildschirm aufnehmen, auch aus anderen Fenstern. Um die Hauptfarben eines ganzen Bildes auf einmal zu ermitteln, nutze den Paletten-Extraktor, und prüfe die Lesbarkeit von Text mit einem Kontrastprüfer, bevor du deine Farben in einem Design einsetzt.