Paletten-Generator
Leertaste drücken - neue Palette. Fixieren Sie Farben, die Ihnen gefallen, prüfen Sie den Kontrast und übernehmen Sie den Code für Ihre Website.
Mit der Maus über eine Farbe: das Schloss fixiert sie, die Punkte verschieben sie, «+» fügt daneben eine Farbe ein. Klicken Sie auf den Code, um ihn zu ändern.Jede Farbe hat Buttons: fixieren, kopieren, Abstufungen, entfernen. Tippen Sie auf den Farbcode, um ihn zu ändern.
Kontrast
Farbpaare der Palette nach WCAG: AA - normaler Text, AAA - die beste Variante.
Export
Fertige Paletten
Schnelle Checks: Favicon · SEO-Vorschau · Shop eines Wettbewerbers · Paletten-Generator
So geht's
Jeder Druck auf die Leertaste ergibt eine neue Palette. Gefällt Ihnen eine Farbe? Fixieren Sie sie mit dem Schloss, dann werden die nächsten Paletten darauf abgestimmt. Klicken Sie auf einen Farbcode, um Helligkeit, Sättigung und Farbton anzupassen oder einen eigenen HEX-Wert einzugeben. Der gestreifte Button zeigt hellere und dunklere Abstufungen der Farbe - praktisch für Hintergründe und Hover-Farben. Farben lassen sich verschieben, zwischen Nachbarn einfügen und entfernen, von 2 bis 10.
Palette aus einem Foto und fertiger Code
Laden Sie ein Foto hoch oder fügen Sie es aus der Zwischenablage ein - das Tool findet die Hauptfarben. Die fertige Palette lässt sich als CSS-Variablen, SCSS, Tailwind-Konfiguration oder JSON kopieren, als PNG oder SVG herunterladen, im Profil speichern oder in «Verlauf aus einem Foto» öffnen und zum Hintergrund machen. Die Seitenadresse enthält immer die aktuelle Palette - teilen Sie sie einfach.
Häufige Fragen
Keine Antwort gefunden? Schreib uns, wir helfen dir.
Drücken Sie die Leertaste oder den Button «Erzeugen». Fixieren Sie Farben, die Ihnen gefallen, mit dem Schloss - sie bleiben bei der nächsten Erzeugung, die übrigen werden in der gewählten Harmonie darauf abgestimmt.
Analog - benachbarte Farbtöne, ruhig und weich. Monochrom - ein Farbton in verschiedenen Helligkeiten. Komplementär - gegenüberliegende Farben, der stärkste Kontrast. Geteilt komplementär, Triade und Tetrade - 3-4 Farbtöne, gleichmäßig über den Farbkreis verteilt. «Auto» wählt jedes Mal eine davon.
In diesem Farbraum wirken gleiche Helligkeitswerte für das Auge gleich hell. Deshalb hat eine Palette immer helle und dunkle Farben, und die Sättigung springt nicht zwischen den Farbtönen wie in HSL.
Der Block «Kontrast» zeigt Farbpaare der Palette und ihren Kontrast nach WCAG: ab 4.5:1 - normaler Text (AA), ab 7:1 - AAA, ab 3:1 - nur große Überschriften. Die Schriftfarbe in jeder Spalte wird automatisch gewählt.
Etwa jeder zwölfte Mann nimmt Farben anders wahr. Schalten Sie die Simulation von Protanopie, Deuteranopie, Tritanopie oder monochromem Sehen ein und prüfen Sie, dass wichtige Farben nicht verschwimmen.
Ja, ohne Einschränkung. Die Paletten entstehen in Ihrem Browser, und eine Farbkombination ist nicht urheberrechtlich geschützt.