Farbe aus Bild auslesen
Wähle ein Foto und klicke auf die Stelle, deren Farbe du brauchst. Ohne Foto kannst du auch einen Code eingeben.
Deine Dateien und Texte werden nicht hochgeladen. Alles passiert auf dieser Seite.
Auf dieser Farbe ist weißer Text besser lesbar.
WCAG für normalen Text: AA ab 4,5, AAA ab 7.
Gegenüber im Farbkreis. Der stärkste Kontrast.
Farbe antippen zum Kopieren. Doppelt antippen, um sie zu übernehmen.
Sehen zwei Farben rechts gleich aus, solltest du sie nicht nur über die Farbe unterscheiden. Das ist eine Annäherung.
Quelle (geprüft am 19. Oktober 2026): W3C WCAG 2.2 (1.4.3, 1.4.6)
So geht es
- Foto wählen oder gleich einen HEX-Code eintippen.
- Auf das Foto klicken oder (am Handy) darüberwischen, oder eine Hauptfarbe antippen.
- Code, passende Farbe oder Abstufungen für CSS kopieren.
Häufige Fragen
In welchen Formaten kann ich die Farbe kopieren?
Als HEX (z. B. #4c2fe7), RGB und HSL. Die Abstufungen von 50 bis 950 gibt es auch als CSS-Variablen, Tailwind-Farben, SCSS-Variablen oder JSON.
Wie werden die Hauptfarben bestimmt?
Ähnliche Farben werden zusammengefasst. Die Gruppen mit den meisten Pixeln stehen in der Liste, samt Anteil am Bild. Sehr kleine Gruppen entfallen.
Was bedeuten die Kontrast-Angaben?
Sie folgen den WCAG für normalen Text: AA verlangt ein Verhältnis von 4,5 oder mehr, AAA 7 oder mehr. Bei großem Text reichen 3 für AA und 4,5 für AAA.
Wird mein Foto zum Auslesen der Farben hochgeladen?
Nein. Das Foto wird auf dieser Seite gelesen und bleibt auf deinem Gerät.
Weitere Tools
