Farbpalettengenerator

Der Farbpalettengenerator verwandelt eine einzelne Grundfarbe mithilfe von Farb-Rad-Harmonieregeln in einen koordinierten Farbsatz Wählen Sie eine Startfarbe und wählen Sie einen Modus - Farbtöne und Farbtöne, monochromatisch, komplementär, analog, triadisch oder tetradisch - und das Tool berechnet für jeden Swatch eine ausgewogene Palette mit dem HEX-Code.

Gute Farbkombinationen folgen vorhersehbaren Beziehungen auf dem HSL-Farbrad: Komplementärfarben sitzen einander gegenüber, analoge Farben sitzen nebeneinander und triadische Farben sind gleichmäßig verteilt. Diese von Hand zu bearbeiten bedeutet, Farbtonwinkel und Leichtigkeitswerte zu jonglieren. Dieses Tool führt die Berechnung sofort durch und zeigt das Ergebnis, damit Sie ein funktionierendes Schema auswählen können.

Alles läuft clientseitig Passen Sie die Grundfarbe an, wechseln Sie die Modi, klicken Sie auf einen beliebigen Swatch, um seinen HEX-Code zu kopieren, oder verwenden Sie Copy CSS, um die gesamte Palette als benutzerdefinierte CSS-Eigenschaften zu exportieren Kein Konto, keine Uploads und es funktioniert offline weiter, sobald die Seite geladen wurde.

Ein gearbeitetes Beispiel zeigt, wie es als Generator für Hochzeitsfarbenpaletten funktioniert, mit einer Bedingung: Es gibt keine Hochzeitsvoreinstellungen, also bringen Sie die Farbe ein Geben Sie ein Salbeigrün, #9caf88, als Basisfarbe ein und wählen Sie Komplementär aus Die vier Swatches sind #c2ceb6, #9caf88, ein staubiger Lavendel #9b88af und ein tieferes #755e8 d, und Copy CSS gibt sie als -Farbe-100 bis -Farbe-400 zurück. Für ein Pastellfarbenpalettengenerator-Ergebnis beginnen Sie von einer hellen Basis wie #a7cic7e7: Analog, Trießigkeit, Triede und Sättigung.

Die Harmonymodi stammen aus Farb-Rad-Beziehungen, rotierenden Farbton um feste Beträge um den Kreis: 180 Grad für komplementär, 120 Grad für triadisch, und kleine Schritte für analog Dass die Mathematik in HSL gemacht wird, was praktisch und nicht wahrnehmungsmäßig einheitlich ist HSL-Leichtheit behandelt Gelb und Blau mit dem gleichen Wert wie gleich leicht, und für das Auge sind sie es nicht, weshalb ein triadischer Satz auf Papier ausgewogen und unausgeglichen auf dem Bildschirm aussehen kann Überprüfen Sie jede Palette, die Sie für Text gegen einen Kontrastprüfer verwenden möchten, anstatt den Zahlen zu vertrauen. Schattierungen und Farbtöne werden durch Bewegen von Farbtönen und Sättigung erzeugt, wodurch eine Familie erkennbar in Beziehung gehalten wird, die C.