Welches Werkzeug passt?
Hier gibt es derzeit ein Werkzeug: Farbcodes umrechnen & Paletten. Wähle oder füge eine Farbe ein, um ihre HEX-, RGB- und HSL-Codes zu erhalten, zu prüfen, ob Text darauf den WCAG-Kontrast erfüllt, und Abstufungen sowie passende Paletten als CSS zu kopieren.
Für die Arbeit mit Bildern statt Farben gibt es die Bild-Werkzeuge wie JPG, PNG, WebP umwandeln und Bildgröße ändern. Einen QR-Code in deiner Markenfarbe erstellst du mit QR-Code erstellen.
Häufige Fragen
Warum ist Kontrast wichtig?
Text, der sich kaum vom Hintergrund abhebt, ist für viele Menschen schwer lesbar, besonders draußen auf dem Handy. WCAG verlangt für normalen Text mindestens 4,5:1.
Kommen weitere Design-Tools dazu?
Ja. Weitere Farb- und Layout-Werkzeuge sind geplant und erscheinen, sobald Seite und Tests fertig sind.
Passende Ratgeber
- Colour contrast: how much does text need to be readable? (auf Englisch)