Farbpalettengenerator
Wählen Sie eine Basisfarbe und ein Schema, um eine Palette aus zwei oder drei Farben zu erstellen. Verwenden Sie komplementäre, analoge, triadische oder geteilt-komplementäre Farbtöne und kopieren Sie einzelne HEX-Codes oder speichern Sie die Liste als Text.
Was du tun kannst
Paletten mit vier Schemata erstellen
Wähle Komplementär, Analog, Triade oder geteiltes Komplement und ändere dabei den Farbton, während Sättigung und Helligkeit der Basisfarbe erhalten bleiben.
Jeden Farbcode abrufen
Prüfe Farbfelder und HEX-Codes, kopiere jeden Code einzeln oder speichere die Liste in Anzeigereihenfolge als palette.txt.
Einen Kandidaten als nächste Basis verwenden
Wähle bei einem Kandidaten „Als Basis verwenden“ und erstelle dann eine neue Palette.
Verwendung
Basisfarbe eingeben
Wähle HEX, RGB, HSL, HSV oder CMYK und gib die Werte ein, oder verwende den Farbwähler.
Ein Schema wählen
Komplementär erzeugt zwei Farben. Analog, Triade und geteiltes Komplement erzeugen drei.
Eine Palette erstellen
Wähle „Palette erstellen“, um Farbfelder und HEX-Codes zu prüfen. Wenn du das Schema nach der Erzeugung änderst, wird die Palette aus der bestätigten Basisfarbe aktualisiert.
Die Codes abrufen
Kopiere einzelne Codes, verwende „Alle kopieren“ oder „Als TXT speichern“. Erzeuge nach einer Änderung der Basisfarbe erneut.
Wann das hilft
Kandidaten für Akzentfarben erkunden
Verwende eine Basisfarbe aus deiner Seite oder deinem Design, um verschiedene Farbtonbeziehungen zu vergleichen.
Palette-Codes in deinen Notizen behalten
Kopiere oder speichere die HEX-Liste in Anzeigereihenfolge zur Verwendung in einem Design-Tool.
Farbschemata und Grenzen der Ausgabe
Vier Farbtonbeziehungen
Komplementär verwendet einen Farbton 180 Grad von der Basis. Analog verwendet Farbtöne 30 Grad zu beiden Seiten, Triade verwendet 120-Grad-Schritte, und geteiltes Komplement verwendet Versätze von 150 und 210 Grad. Bei Analog erscheint die Basisfarbe in der Mitte.
Sättigung und Helligkeit bleiben gleich
Die Palette verschiebt den Farbton in HSL und behält Sättigung und Helligkeit bei. Die Ergebnisse werden auf 8-Bit-RGB gerundet und als HEX angezeigt. Unbunte Farben können wiederholte HEX-Werte erzeugen; die Anzahl und Reihenfolge der Farben bleiben erhalten.
Lesbarkeit getrennt prüfen
Auf Farbtönen basierende Paletten garantieren keinen Textkontrast oder keine Lesbarkeit. Verwende den Kontrastprüfer für jedes Paar aus Text und Hintergrund.
Fragen und Antworten
Warum kann dieselbe Farbe mehrfach vorkommen?
Bei unbunten Farben kann eine Änderung des Farbtons zu identischen HEX-Werten führen. Die Ergebnisse werden nicht angepasst oder dedupliziert; die Anzahl und Reihenfolge der Farben je Schema bleiben erhalten.
Ändert das Kopieren einer Farbe die Basis?
Kopieren ändert daran nichts. „Als Basis verwenden“ schaltet die Eingabe auf HEX um und löscht die vorherige Palette. Wähle „Palette erstellen“, um neu zu erzeugen.
Kann ich CSS-Variablen oder ein Bild speichern?
Die Ausgabe ist auf das Kopieren von HEX-Codes und das Speichern von palette.txt beschränkt. CSS-Variablen und Bild-Exporte werden nicht bereitgestellt.
Eingabe und Ausgabe
- Eingabe
- Basisfarbe in HEX, RGB, HSL, HSV oder CMYK, oder eine ausgewählte Farbe. Alpha wird nicht unterstützt.
- Schema
- Komplementär, Analog, Triade oder geteiltes Komplement.
- Ausgabe
- Zwei oder drei HEX-Codes. Kopiere sie oder speichere sie als palette.txt, je einen pro Zeile in Anzeigereihenfolge.