Farbpaletten-Generator

Drücke die Leertaste, um eine neue Farbpalette zu erzeugen, sperre die Farben, die du behalten willst, und mische den Rest neu. Passe sie an, prüfe die Barrierefreiheit und exportiere, wenn sie dir gefällt.

So nutzt du den Farbpaletten-Generator

  1. Klicke auf Generieren oder drücke die Leertaste, um eine neue Palette zu erzeugen. Wähle vorher eine Harmonie wie analog, triadisch oder komplementär, wenn du eine bestimmte Struktur willst.
  2. Sperre Farben, die dir gefallen, mit dem Schloss-Symbol. Gesperrte Farben bleiben, während sich die anderen ändern. Klicke auf einen Hex-Code, um deine eigene Farbe einzugeben, und ordne mit den Pfeilen neu an.
  3. Öffne Anpassen, um Farbton, Sättigung und Helligkeit gemeinsam zu verschieben, Shades, um einen Tint oder Shade einer Farbe zu wählen, oder Barrierefreiheit, um Kontrast und Farbsehen-Prüfungen zu sehen.
  4. Exportiere die Palette als CSS, SCSS, Tailwind, JSON, SVG, PDF, Design Tokens, Swift-, Android- oder Flutter-Code und mehr, oder speichere sie auf diesem Gerät.

Das kannst du tun

  • Sperren und mischen

    Sperre eine beliebige Farbe und generiere weiter. Mit Rückgängig und Wiederholen gehst du durch frühere Paletten.

  • Harmoniemodi

    Erzeuge zufällige, analoge, monochromatische, triadische, komplementäre, Split-Komplementär- oder tetradische Paletten.

  • Zwei bis zehn Farben

    Füge Farben hinzu oder entferne sie, um eine Palette mit 2 bis 10 Farben zu bauen.

  • Barrierefreiheits-Checks

    Eine Kontrastmatrix zeigt WCAG- und APCA-Ergebnisse für jedes Paar, und eine Farbsehen-Prüfung markiert Farben, die bei Protanopie, Deuteranopie und Tritanopie ähnlich aussehen.

  • Garantien

    Lege Regeln fest, die die Palette erfüllen muss, etwa lesbare Textpaare, Sicherheit bei Farbenblindheit oder ausgeschlossene Farbtöne, und der Generator baut eine Palette, die sie einhält.

  • Vorschau und Präsentation

    Sieh dir die Palette im Visualizer auf einem Website-Mockup an, baue im Studio ein Farbsystem daraus oder zeig sie im Vollbild.

Häufige Fragen

Was ist ein Farbpaletten-Generator?

Ein Farbpaletten-Generator erstellt Farbsets, die gut zusammenpassen. Du generierst eine Palette, behältst die Farben, die dir gefallen, und änderst den Rest, bis das Set zu deiner Marke, deiner Oberfläche oder deiner Illustration passt. GetColors kann eine Palette nach einer Harmonieregel wie analog oder triadisch aufbauen, damit die Farben zueinander in Beziehung stehen und nicht zufällig sind.

Wie erstelle ich eine Farbpalette?

Öffne den Generator und drücke die Leertaste oder den Button Generieren. Jeder Druck erzeugt eine neue Palette. Sperre die Farben, die du behalten willst, und generiere erneut, um nur die nicht gesperrten zu ersetzen.

Wie erstelle ich eine Farbpalette aus einer Farbe?

Klicke auf einen Hex-Code und gib deine Farbe ein, sperre sie, wähle eine Harmonie wie analog oder komplementär und generiere. Die gesperrte Farbe bleibt, die anderen werden darum herum aufgebaut. Du kannst auch mit einem Foto im Farbwähler für Bilder starten.

Wie viele Farben kann eine Farbpalette haben?

Von zwei bis zehn. Drei bis fünf Farben lassen sich am leichtesten auf eine Oberfläche oder eine Marke anwenden. Nimm mehr für Diagramme, Illustrationen oder eine größere Bandbreite an Tints.

Kann ich meine Farbpalette speichern oder teilen?

Ja. Die Palette steckt in der Seitenadresse, also kannst du den Link kopieren und teilen. Mit Speichern bleibt sie auf diesem Gerät, und der Export-Dialog bietet Code und Dateien in vielen Formaten.