Was ist Monochromatische Palette?

Der Monochromatic-Palette-Generator erstellt harmonische Farbschemata aus einer einzigen Grundfarbe, indem er eine Reihe von Schattierungen (dunkler) und Tönen (heller) generiert. Passen Sie die Schrittanzahl an und exportieren Sie Ihre Palette als CSS-Variablen, Tailwind-Konfiguration oder kopieren Sie einzelne Hex-/RGB-Werte.

Anleitung

  1. Wählen Sie eine Grundfarbe mit dem Farbauswähler oder geben Sie direkt einen Hex-Code ein.
  2. Passen Sie die Anzahl der Schattierungen und Töne sowie den Dunkelheits- und Helligkeitsbereich an.
  3. Kopieren Sie einzelne Farbwerte oder exportieren Sie die gesamte Palette als CSS-Benutzereigenschaften, Tailwind-Konfigurationsobjekt oder Bild-Farbmuster.

Ergebnis

Sie erstellen ein Dashboard und benötigen eine blaue Palette für die Datenvisualisierung. Sie wählen #3B82F6 als Grundfarbe und generieren 9 Schritte von fast Weiß bis fast Schwarz. Sie exportieren als CSS-Variablen und verwenden --color-blue-100 bis --color-blue-900 in Ihren Diagrammen.

Ähnliche Tools