Über Farbwähler
Wähle eine Farbe und erhalte sofort die HEX-, RGB- und HSL-Entsprechungen sowie eine harmonische Palette.
So verwenden Sie Farbwähler
- 1Verwende den Farbwähler, um einen Farbton auszuwählen, oder klicke auf "Zufällig" für Inspiration.
- 2HEX-, RGB- und HSL-Werte erscheinen automatisch — kopiere den gewünschten.
- 3Die generierte Palette bietet 5 Helligkeitsvarianten basierend auf deiner Grundfarbe.
- 4Starter+: Exportiere die Palette als CSS-Variablen oder Tailwind-CSS-Konfiguration mit einem Klick.
Tipps
- Verwende die Palette, um konsistente Hover-/Active-Zustände zu erstellen: wähle einen dunkleren oder helleren Farbton.
- HSL ist das intuitivste Format, um die Helligkeit anzupassen, ohne den Farbton zu ändern.
- Der Tailwind-Export generiert Schlüssel, die direkt mit deiner tailwind.config.js kompatibel sind.
Verwandte Tools
OneKitTools-TeamAktualisiert 2.21.4