Farbschema-Generator für Websites
Ein komplettes helles und dunkles Theme aus Ihrer Markenfarbe.
Wählen Sie Ihre Markenfarbe und erhalten Sie ein fertiges Farbschema für Website oder App: getönte Hintergründe und Flächen, Rahmen, Text und gedämpften Text, eine Primärfarbe, die lesbar bleibt, und einen passenden Akzent – jeweils für ein helles und ein dunkles Theme. Eine Live-Vorschau zeigt eine Karte mit Text und Buttons, und das ganze Schema lässt sich als CSS-Variablen kopieren, wobei das dunkle Theme der Systemeinstellung folgt.
So können Sie ein Website-Farbschema erstellen
- Schritt 1
Wählen Sie Ihre Markenfarbe.
- Schritt 2
Prüfen Sie die helle und dunkle Vorschau.
- Schritt 3
Kopieren Sie die CSS-Variablen.
Warum PhotoTools
Hell und dunkel
Zwei passende Themes zugleich.
Von Anfang an lesbar
Primär- und Akzentfarbe mit mindestens 3:1 Kontrast.
Bereit für Code
CSS-Variablen mit Dark Mode.
Unterstützte Formate
Ausgabe
- CSS
Häufige Fragen
Warum weicht die Primärfarbe etwas von meiner ab?
Ist Ihre Farbe zum Hintergrund zu hell oder zu dunkel, wird sie gerade so weit verschoben, dass ein Kontrast von 3:1 erreicht wird und Buttons sichtbar bleiben.
Wie verwende ich das CSS?
Fügen Sie es in Ihr Stylesheet ein und nutzen Sie die Variablen, etwa background: var(--color-primary). Das dunkle Theme folgt der Systemeinstellung.
Ist das kostenlos?
Ja. Die Browser-Tools von PhotoTools sind kostenlos, unbegrenzt und funktionieren ohne Konto.
Werden meine Bilder auf einen Server hochgeladen?
Nein. Dieses Tool läuft vollständig in Ihrem Browser mit WebAssembly. Ihre Bilder verlassen Ihr Gerät nie, und nichts wird gespeichert.