Werbung

Zu vermeidende Kombinationen

Häufige Farbfehler und wie man sie behebt

1. Rot-Grun-Kombinationen

Rot und Grun sind das problematischste Farbpaar und betreffen ~7% der Manner. Häufige Beispiele sind Fehler/Erfolg-Status, Weihnachtsthemen und Ampel-Indikatoren. Verwenden Sie Blau statt Grun oder fügen Sie Icons hinzu.

Red-green color combination example

2. Blau-Gelb-Kombinationen

Blau und Gelb sind problematisch für Tritanopie. Gelb kann rosa oder grau erscheinen, während Blau grunlich aussieht. Vermeiden Sie diese als einzige Unterscheidung zwischen Elementen.

Blue-yellow color combination example

3. Kombinationen mit niedrigem Kontrast

Heller Text auf hellem Hintergrund und dunkler Text auf dunklem Hintergrund versagen für alle. Grau auf Grau ist besonders problematisch. Testen Sie immer mit unserem Kontrast-Checker.

Low contrast color combination examples

4. Sichere universelle Kombinationen

Schwarz auf Weiß (oder Weiß auf Schwarz) funktioniert für alle. Blau auf Weiß, Lila auf Weiß und Orange auf dunklen Hintergunden sind allgemein sicher. Kombinieren Sie Farbe immer mit sekundaren Hinweisen.

Always test your color combinations with our contrast checker to ensure they meet WCAG guidelines and work for users with color blindness.

Bereit, Ihre Farben zu prüfen?

Verwenden Sie unseren Kontrast-Checker, um Ihre Farbkombinationen gegen die WCAG-Richtlinien zu testen, Farbenblindheit zu simulieren und barrierefreie Alternativen zu erhalten.

Kontrast-Prufer offnen
Werbung