Farbpaletten-Vorschau für Websites
Geben Sie Ihre Farben und zwei Schriften ein und sehen Sie sie live auf fiktiven Webseiten, hell wie dunkel, bevor Sie sich festlegen.
Über dieses Tool
Dieses Tool wendet Ihre Palette auf fiktive Musterseiten an, damit Sie das Zusammenspiel realistisch beurteilen können: Startseite einer Firmenwebsite, Onlineshop, Speisekarte eines Restaurants, Reservierungsseite, Treuekarte und Dashboard mit Diagrammen. Sie legen Textfarbe, Hintergrund, Primär-, Sekundär- und Akzentfarbe fest (Karten- und Rahmentöne werden daraus abgeleitet) und wählen je eine Schrift für Überschriften und Fließtext, aus Systemschriften und einigen mitgelieferten freien Schriften.
Der Dunkelmodus wird aus Ihren Farben berechnet, die Schaltfläche „Rollen mischen“ probiert andere Verteilungen aus und der Generator schlägt zufällige harmonische Paletten vor und lässt dabei fixierte Farben unverändert, mit Rückgängig und Wiederholen jederzeit. Zu schwache Kontraste werden direkt auf der Musterseite nach WCAG markiert. Teilen Sie Ihren Entwurf per Link, exportieren Sie die Farben als CSS-Variablen, JSON oder für Tailwind und laden Sie die Musterseite als PNG herunter. Alles läuft in Ihrem Browser, nichts wird an einen Server gesendet.
- 6 Musterseiten: Startseite, Shop, Speisekarte, Reservierung, Treuekarte, Dashboard
- Hell- und Dunkelmodus automatisch berechnet
- Zufallspaletten mit Fixierung, Rollen mischen, Rückgängig
- WCAG-Kontrastwarnungen auf der Musterseite
- Link zum Teilen mit allen Einstellungen
- Export als CSS, JSON, Tailwind und PNG