Farbpaletten-Generator
Läuft auf Ihrem Gerät. Nichts wird gesendet.Alles passiert in Ihrem Browser - nichts wird hochgeladen.
Farben5
Tipp: Leertaste drücken für eine neue Palette.Harmonie
Export
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Farbpaletten aus Farbkreis-Harmonien oder zufällig erzeugen, Lieblingsfarben fixieren und als CSS-Variablen, Tailwind-Farben oder JSON kopieren.
Drücken Sie Erzeugen (oder die Leertaste) für eine neue Palette. Fixieren Sie die Farben, die bleiben sollen - die übrigen werden nach einer Farbkreis-Harmonie darum herum neu aufgebaut: analoge Nachbarn, eine monochrome Abstufung, Komplementär- oder geteilte Komplementärfarben, Triaden und Tetraden - oder rein zufällig mit gleichmäßig verteilten Farbtönen. Klicken Sie auf den Hex-Wert zum Kopieren oder auf die Farbe, um selbst eine zu wählen. Exportieren Sie als CSS-Variablen, Tailwind-Farbskala oder JSON, speichern Sie ein PNG oder kopieren Sie einen Link zur selben Palette.
Häufige Fragen
Was bedeuten die Harmonien?
Es sind Positionen im Farbkreis. Analoge Farben liegen nebeneinander (ruhig), Komplementärfarben gegenüber (starker Kontrast), geteilt komplementär nutzt die beiden Nachbarn der Gegenfarbe, Triade drei Farben im 120°-Abstand, Tetrade vier im 90°-Abstand. Monochrom behält den Farbton und variiert die Helligkeit.
Wie baue ich eine Palette um meine Markenfarbe?
Erste Farbe anklicken, Ihre Farbe wählen, fixieren und Erzeugen drücken. Die freien Felder werden nach der gewählten Harmonie ausgehend von Ihrer Farbe gefüllt.
Ist die Schrift auf den Farben gut lesbar?
Der Hex-Wert wechselt zwischen Schwarz und Weiß - je nachdem, was mehr Kontrast hat. Für Fließtext prüfen Sie das genaue Paar im WCAG-Kontrastprüfer unserer Farbwerkzeuge.
Wird etwas gespeichert?
Ihre aktuelle Palette wird auf diesem Gerät gemerkt. Ein geteilter Link trägt die Farben hinter dem # in der Adresse - dieser Teil wird nicht an unseren Server gesendet.