CSS-Variablen
Eingabe
Ausgangsfarbe #2563EB, analoger Modus
Ausgabe
Fünf Deklarationen von --color-1 bis --color-5.
AppHelp
Farbpaletten-Generator
Wählen Sie eine Ausgangsfarbe, erzeugen Sie fünf Farbfelder und kopieren Sie HEX-Werte oder CSS-Variablen.
CSS-Variablen
--color-1: #13C6C9; --color-2: #1599E0; --color-3: #2463EB; --color-4: #3E3BED; --color-5: #8952EF;
Häufige Aufgaben
- Farbpaletten-Generator
Kurze Antwort
Wählen Sie eine Ausgangsfarbe, erzeugen Sie fünf Farbfelder und kopieren Sie HEX-Werte oder CSS-Variablen.
So nutzt du das Tool
- 1. Ausgangsfarbe wählenLegen Sie die Startfarbe mit dem Farbwähler fest.
- 2. Harmonien vergleichenWechseln Sie zwischen analogen, komplementären und triadischen Farben.
- 3. Palette kopierenKlicken Sie ein Farbfeld für HEX an oder kopieren Sie die fünf CSS-Variablen.
Beispiele
Sonderfälle
- Die Farben sind Vorschläge; Kontrast und Barrierefreiheit werden nicht geprüft.
- Farbton, Sättigung und Helligkeit werden angepasst; die Ausgangsfarbe bleibt deshalb nicht zwingend unverändert.
Funktionen
- Analoge, komplementäre und triadische Modi
- Fünf HEX-Farbfelder
- CSS-Variablen für das Stylesheet kopieren
Verwandte Tools
Häufig gestellte Fragen
- Werden meine Daten hochgeladen?
- Nein. Das Tool läuft standardmäßig lokal in deinem Browser.
- Benötige ich ein Konto?
- Es ist kein Konto erforderlich.