Farbwähler und -konverterWählen Sie eine Farbe, rechnen Sie zwischen HEX, RGB und HSL um, nehmen Sie Farben aus einem Bild oder vom Bildschirm auf und prüfen Sie den Kontrast zu weißem und schwarzem Text.
Farbpaletten-Generator
Bauen Sie aus einer Markenfarbe mit Farbkreis-Harmonien eine stimmige Palette oder ziehen Sie die Hauptfarben aus einem Foto. Einzelne Werte kopieren oder CSS-Custom-Properties exportieren.
Bild auswählen
Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen.
So funktioniert’s
- Wählen Sie eine Grundfarbe und einen Harmonietyp – oder wechseln Sie zu „Aus Bild“ und öffnen Sie ein Foto.
- Klicken Sie auf ein Farbfeld, um seinen HEX-Code zu kopieren.
- Kopieren Sie die CSS-Variablen, um die Palette in Ihrem Stylesheet zu nutzen.
Beispiele
Farbskala für eine Oberfläche
Mit „Aufhellungen und Abdunklungen“ erhalten Sie helle Hintergründe und dunkle Textvarianten Ihrer Primärfarbe.
Palette aus einem Produktfoto
Extrahieren Sie 6 Farben aus dem Foto, um eine passende Landingpage zu gestalten.
Datenschutz
Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen. In der Datenschutzerklärung steht, was in Ihrem Browser gespeichert wird (nur Favoriten und Verlauf). Datenschutzerklärung
Prüfen Sie es selbst: Öffnen Sie die Entwicklertools des Browsers, wählen Sie den Tab Netzwerk (Network) und nutzen Sie das Tool. Ihre Datei erscheint in keiner Upload-Anfrage. Sobald diese Seite für die Offline-Nutzung gespeichert ist, können Sie auch die Internetverbindung trennen und weiterarbeiten. Werbung und anonyme Besuchsstatistiken senden, wenn aktiviert, eigene Anfragen, erhalten aber nie Ihre Dateien oder Texte.
Häufige Fragen
Wie werden die Bildfarben extrahiert?
Das Bild wird verkleinert und seine Pixel werden mit dem k-Means-Clustering gruppiert; die größten Cluster bilden die Palette.
Sind die Harmonien barrierefrei?
Harmonien beschreiben Farbtonbeziehungen, nicht Kontrast. Prüfen Sie Text- und Hintergrundpaare mit dem Kontrastverhältnis des Farbwählers.
Ähnliche Tools
Alle: Bild-ToolsFavicon-GeneratorErzeugen Sie aus einem Bild oder einem Buchstaben ein komplettes Favicon-Set: favicon.ico, PNGs von 16–512 px, Apple-Touch-Icon, Web-Manifest und HTML-Tags in einer ZIP-Datei.
SVG-Vorschau und -OptimiererZeigen Sie SVG-Dateien sicher an und verkleinern Sie sie durch Entfernen von Kommentaren, Editor-Metadaten und Leerraum, optional mit Zahlenrundung.
Meta-Tag-GeneratorErzeugen Sie saubere HTML-Meta-Tags für eine Seite: Title, Description, Canonical, Robots, Open Graph und Twitter Card – mit Hinweisen zur Länge.
BildkomprimiererKomprimieren Sie JPG-, PNG- und WebP-Bilder im Browser nach Qualität oder auf eine Zielgröße wie 100 KB.
Bildgröße ändernÄndern Sie die Größe von JPG-, PNG- und WebP-Bildern auf exakte Pixelmaße oder per Prozentwert, optional mit fixiertem Seitenverhältnis.