Dieser Aufsatz richtet sich an Designer, die zusammenhängende Farbpaletten erstellen möchten. Es basiert auf echten Designprinzipien und wird unterstützt von unserem Farbpaletten-Generator. Sie wählen eine Grundfarbe, einen Harmoniestil und Anzahl von Farben. Sie das Ergebnis sofort in der Vorschau.
1. Schritt Wählen Sie die Grundfarbe mit der Farbauswahl
Angenommen, Sie haben eine Farbe, mit der Sie beginnen können. Eine Grundfarbe eines Kunden, eine Markenfarbe oder einfach nur eine Farbe, die zur Stimmung passt. Wählen Sie im Tool den Reiter "Startfarbe" und drücken Sie die runde Taste, um die Startfarbe auszuwählen. Wählen Sie die Farbe im Patch oder geben Sie einfach einen Hexadezimalcode darunter ein. Wenn Sie fertig sind, klicken Sie auf OK.
2. Wählen Sie die Anzahl der Farben für Ihr Design
Wählen Sie nun die Anzahl der Farben, bzw. Farbtöne, die Sie in der Palette benötigen. Geben Sie eine beliebige Anzahl von Farben von 4 bis 10 ein. Wenn Sie nur ein Kompliment wünschen, wählen Sie 4 und ignorieren Sie die Farben, die nicht benötigt werden.
3. Wählen Sie einen Harmoniestil für die Farbpaletten
Wenn Sie den Harmoniestil auswählen, geben Sie dem Generator Ihre kreative Richtung. Dies basiert auf den Regeln eines Farbkreises. Sie können sie auf dem Reiter Rad visualisieren.
4. Erstellen Sie eine schönes Palette, bis Sie fertig sind
Klicken Sie nun einfach auf die Schaltfläche Würfel, um den Farbpalettengenerator zu starten und verschiedene Farbkombinationen zu entdecken. Für Ihr Projekt wird eine Farbkombination erstellt, die die Startfarbe enthält. Eine Farbpalettenanzeige wird aktualisiert, ebenso wie eine einfache Mock-up-Anzeige. Das Typografie-Mock-up verwendet das Farbpaar mit dem höchsten Kontrast. Das Muster verwendet alle Farben.
Nun haben Sie einige Möglichkeiten, das Ergebnis auszuwerten.
Zeigen Sie die erstellte Palette, emotionale Auslöser und Zugänglichkeit, Kontrastniveau und Verhältnis an.
Kopieren Sie die Hex-Farbwerte direkt aus der Palettenanzeige.
Wechseln des Mock-up-Bildes zwischen Typografie und Muster, um die visuelle Wirkung der Farben zu überprüfen.
Speichern Sie die Palette in der temporären Auswahl
Speichern Sie die Palette in Ihrem Tresor als öffentliche oder private Palette (je nach Plan).
Wenn Sie Ihre perfekte Farbkombination gefunden haben, sind Sie vielleicht schon fertig.
Der Kontrast und das Verhältnis der Barrierefreiheit werden basierend auf dem Farbpaar mit dem höchsten Kontrast analysiert. Die Stufe '--', 'AA' oder 'AAA' gilt für kleinen Text (AA=4.5:1, AAA=7:1) in Übereinstimmung mit WCAG 2.0.
Aber ich speichere die Palette gerne in der temporären Auswahl und betrachte alle Alternativen nebeneinander, indem ich im Hauptmenü zur Auswahl navigiere.
Hinweis: Von der Auswahlseite aus können Sie über das Kontextmenü zur Erstellungsseite für jede Farbpalette zurückkehren. Sie können auch Mock-ups und Palettendaten auf der Detailseite anzeigen. In den Details finden Sie z.B. Farbverlaufsschattierungen und die Farbwerte, die in anderen Farbräumen ausgedrückt werden.
Wenn Sie die Palette in Ihrem Konto gespeichert haben, haben Sie Zugriff auf alle Exportmodi, einschließlich Figma und Adobe Color based Editoren (Pro-Plan).
5. Verfeinern Sie die Farbpalette nach Bedarf
Wenn Sie eine Palette verfeinern möchten, z.B. durch Ändern einer Farbe, Hinzufügen oder Entfernen einer Farbe, Einfärben oder Verschieben der gesamten Palette, wechseln Sie in den manuellen Modus und verwenden dort die verfügbaren Werkzeuge.
Mit nur einer Farbe können Sie eine ganze Designrichtung einleiten. Verwenden Sie das Tool, erkunden Sie die Optionen und vertrauen Sie Ihrem Auge. Eine atemberaubende Palette ist nur ein paar Klicks entfernt.