Farbpalette aus Bild erstellen — Hex, RGB, HSL
Bild hochladen (z. B. Logo), dominante Farben extrahieren, per Klick kopieren. Praktisch für Corporate-Design, Präsentationen oder passende Akzentfarben — ganz ohne Design-Software.
Palette aus Bild extrahieren
Die dominantesten Farben werden aus den Bildpixeln berechnet und als Palette angezeigt.
Vorlagen — Büro- & Markenpaletten
Ein Klick lädt die Vorlage in Palette und Live-Vorschau.
Live-Vorschau
So wirkt die Palette angewendet — Rollen automatisch nach Helligkeit und Sättigung vergeben. Klick auf einen Farbpunkt kopiert den Wert.
Gemerkte Paletten
Gespeichert nur in Ihrem Browser — Klick stellt die Palette wieder her.
Noch keine gemerkten Paletten.
Manueller Farbwähler & Kontrastrechner
Farbe wählen und den Kontrast gegen Weiß und Schwarz nach WCAG-Richtlinie prüfen — wichtig für barrierefreie Texte.
Ungültiger Hex-Wert — Format #RRGGBB, z. B. #1B4965.
Über dieses Werkzeug
Beim Bild-Upload wird das Bild in ein <canvas>
gezeichnet und die Pixel werden ausgelesen. Ähnliche Farben werden zu Gruppen
zusammengefasst (Quantisierung) und die häufigsten Gruppen als Palette angezeigt. Der
Kontrastrechner berechnet das relative Leuchtdichte-Verhältnis nach WCAG 2.1 — ab 4.5:1
gilt eine Textfarbe als AA-konform, ab 7:1 als AAA-konform. Es wird keine Datei an einen
Server übertragen.
Häufige Fragen
Wie werden die Farben aus dem Bild ermittelt?
Das Bild wird in ein Canvas-Element gezeichnet und die Pixel werden ausgelesen. Ähnliche Farben werden zu Gruppen zusammengefasst (Quantisierung), die häufigsten Gruppen ergeben die angezeigte Palette. Die gesamte Berechnung läuft im Browser, das Bild wird nicht an einen Server übertragen.
Was bedeutet der WCAG-Kontrastwert (4.5:1 / 7:1)?
Der Kontrastrechner berechnet das relative Leuchtdichte-Verhältnis zwischen Text- und Hintergrundfarbe nach WCAG 2.1. Ab einem Verhältnis von 4.5:1 gilt eine Textfarbe für normalen Fließtext als AA-konform, ab 7:1 als AAA-konform — relevant für barrierefreie Websites und Dokumente.
Wie kopiere ich einen Farbwert?
Ein Klick auf einen Hex-, RGB- oder HSL-Wert kopiert ihn direkt in die Zwischenablage. Für die gesamte Palette stehen zusätzlich „Alle Hex kopieren" und „Als CSS-Variablen kopieren" zur Verfügung.
Verlässt mein Bild beim Hochladen das Gerät?
Nein. Die Bildverarbeitung läuft vollständig lokal im Browser über ein Canvas-Element, es findet kein Upload auf einen Server statt.
Wo werden gemerkte Paletten gespeichert?
Ausschließlich lokal im Browser (localStorage) auf diesem Gerät. Es gibt keine Server-Synchronisation zwischen Geräten.