Skip to content
clkr

Loading tools…

    Farbpaletten-Generator

    Erzeuge Farbpaletten mit dem Farbpaletten-Generator aus Harmonieregeln, Basisfarbe oder Bild. Kostenlos online, Farben fixieren, Export als HEX, CSS, Tailwind.

    Wird geladen…

    What next?

    Hilfreich? Teilen Sie Farbpaletten-Generator

    Kostenlos, ohne Anmeldung, läuft im Browser – schick es einem Freund oder füge es deiner Seite hinzu.

    Teil dieser Toolkits

    So verwenden Sie Farbpaletten-Generator

    1. 1Klicke auf Palette generieren (oder die Leertaste) für eine neue harmonische Palette — sperre die Farben, die du behalten möchtest
    2. 2Oder wähle eine Grundfarbe und eine Harmonie-Regel oder extrahiere die Hauptfarben aus einem Bild
    3. 3Tippe auf ein Farbfeld zum Feinabstimmen, klicke auf einen Code zum Kopieren und exportiere als HEX, CSS-Variablen, Tailwind, JSON oder PNG

    Häufig gestellte Fragen

    Was sind Farbharmonien?▾

    Regeln auf Basis der Positionen im Farbkreis: Analoge Farben liegen nebeneinander, Komplementärfarben gegenüber (180°), Triaden sind 120° voneinander entfernt, geteilte Komplementärfarben nutzen die beiden Nachbarn der Komplementärfarbe, und monochromatisch variiert die Helligkeit eines Farbtons.

    Wie funktioniert die Bildpalette?▾

    Das Bild wird in deinem Browser verkleinert und seine Pixel werden per k-Means-Clustering gruppiert; die fünf größten Cluster bilden die Palette, geordnet von dunkel nach hell. Das Bild wird nie hochgeladen.

    Wie viele Farben sollte eine Palette haben?▾

    Die meisten Marken- und UI-Paletten nutzen 3–5 Farben: eine oder zwei Hauptfarben, eine Akzentfarbe sowie neutrale helle und dunkle Töne. Eine 60-30-10-Aufteilung (dominant, sekundär, Akzent) ist eine beliebte Richtlinie.

    Warum haben manche Farbfelder weißen Text und andere schwarzen?▾

    Jeder Code wird in Schwarz oder Weiß gezeichnet – je nachdem, was das höhere WCAG-Kontrastverhältnis zu dieser Farbe hat –, damit er lesbar bleibt.

    Embed Farbpaletten-Generator on your website▾

    Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.