Über CSS-Farbpalette
Generiere harmonische CSS-Farbpaletten und exportiere sie als CSS-Variablen, SCSS oder Tailwind-Konfiguration.
So verwenden Sie CSS-Farbpalette
- 1Wähle eine Grundfarbe mit dem Farbwähler oder gib einen HEX-Wert ein.
- 2Wähle einen/eine harmony type: Complementary, Analogous, Triadic, Split Complementary, Tetradic, or Monochromatic.
- 3Sieh die generierte Palette mit HEX-, RGB- und HSL-Werten für jede Farbe.
- 4Klicke auf ein Farbfeld, um seinen Wert zu kopieren.
- 5Exportiere die gesamte Palette als CSS-Variablen, SCSS-Variablen oder Tailwind-Config.
Tipps
- Verwende die 60-30-10-Regel: 60 % Hauptfarbe, 30 % Sekundärfarbe, 10 % Akzentfarbe.
- Triadische Paletten sind lebendig, erfordern aber sorgfältige Balance — verwende eine Farbe als dominant, die anderen als Akzente.
- Exportiere als Tailwind-Config, um die Palette direkt in deine tailwind.config.js einzufügen.
Verwandte Tools
OneKitTools-TeamAktualisiert 2.21.4