Was ist Monochromatische Palette?

Wählen Sie eine Grundfarbe und erzeugen Sie daraus dunklere Schattierungen und hellere Töne. Legen Sie die Schrittanzahl fest und exportieren Sie 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