Farbpaletten-Generator
WCAG contrast: at least 4.5:1 for normal text, 3:1 for large text.
Palette
Beliebte Entwickler-Tools
Anleitung
- Basisfarbe (HEX) wählen/eingeben.
- Schema (Komplementär/Analog/Triadisch) und Anzahl wählen.
- Palette erzeugen.
- HEX/CSS-Variablen kopieren und Kontrast (WCAG) prüfen.
Ergebnisse verstehen
- Paletten werden mit HSL-Harmonie-Regeln erzeugt. In der Praxis justiert man Sättigung/Helligkeit oft nach.
- Unter 4,5:1 kann die Lesbarkeit von normalem Text leiden.
- Auto-Textfarbe wählt Schwarz/Weiß mit höherem Kontrast.
- Vor dem Einsatz mit Schriftgröße und echten Hintergrundfarben testen.
FAQ
Werden meine Daten auf einen Server hochgeladen?
Nein. Wann immer möglich, erfolgt die Verarbeitung lokal in Ihrem Browser und wir speichern Ihre Eingaben oder Ergebnisse nicht auf unseren Servern. (Netzwerkzugriffe können dennoch für Seitenaufrufe und Werbung auftreten.)
Was prüfen, wenn die Ausgabe nicht stimmt?
Prüfen Sie Encoding (UTF‑8), Zeilenumbrüche (CRLF/LF), Leerzeichen/Anführungszeichen und Optionen (Groß-/Kleinschreibung, URL-Encoding usw.). Für sensible Daten Sicherheitsrichtlinien beachten.
Was tun, wenn die Palette unpassend wirkt?
Base-Farbe (Sattigung/Helligkeit) leicht anpassen oder Schema (Komplementar/Analog/Triadisch) wechseln. Fur UI ist Kontrast (WCAG) entscheidend.