Farben & Kontrast

Diese Seite versammelt vier kostenlose Tools für die Arbeit mit Oberflächenfarben. Simulator für Farbenblindheit zeigt eine Farbe so, wie drei Beeinträchtigungen sie wahrnehmen, Farbkontrast misst den WCAG-Kontrast zwischen zwei Farben, und HEX zu HSL wandelt eine HEX-Farbe in HSL um. Farbpalette erzeugt helle und dunkle Varianten. Sie helfen Designern und Entwicklern, Lesbarkeit und Konsistenz zu prüfen. Alles bleibt in Ihrem Browser, ohne Anmeldung.

Wählen Sie je nach Ihrer Frage. Simulator für Farbenblindheit prüft, wie mehrere Beeinträchtigungen eine Farbe wahrnehmen können. Farbkontrast testet das WCAG-Verhältnis zwischen zwei Tönen. HEX zu HSL übersetzt einen HEX-Code in ein Modell, das sich leichter für Helligkeit und Sättigung anpassen lässt. Farbpalette erstellt helle und dunkle Varianten. Beginnen Sie bei einer Barrierefreiheitsprüfung mit dem Kontrast und testen Sie dann mit dem Simulator. Um eine Abstufung aufzubauen, beginnen Sie mit HEX zu HSL oder der Palette.

Bedienung

Beginnen Sie mit Farbkontrast, um das WCAG-Verhältnis zwischen Text und seinem Hintergrund zu messen, bevor Sie ästhetische Entscheidungen treffen.
Testen Sie dann eine Kombination mit Farbenblindheits-Simulator, um Töne zu erkennen, die schwer zu unterscheiden werden.
Wechseln Sie zu HEX in HSL, wenn Sie die Helligkeit oder Sättigung eines präzisen Farbcodes anpassen müssen.
Verwenden Sie Farbpalette, um helle und dunkle Varianten zu erzeugen, die mit dem Ausgangston konsistent bleiben.

Häufige Fragen

Wofür wird WCAG-Kontrast verwendet?

Farbkontrast misst den WCAG-Kontrast zwischen zwei Farben. Diese Prüfung hilft Ihnen zu sehen, ob Text und sein Hintergrund lesbar bleiben. Das Tool ist kostenlos und erfordert keine Anmeldung, und es läuft in Ihrem Browser.

Ersetzt der Simulator echte Tests?

Nein. Simulator für Farbenblindheit zeigt eine Annäherung für drei Beeinträchtigungen. Es hilft, problematische Kombinationen zu erkennen, ersetzt aber nicht die Rückmeldung von betroffenen Personen. Verwenden Sie es zusammen mit Farbkontrast für eine vollständigere Prüfung.

Wie kann ich Varianten einer Farbe erstellen?

Farbpalette erzeugt helle und dunkle Varianten. Wenn Sie von einem HEX-Code ausgehen, kann HEX zu HSL zuerst helfen, Farbton, Sättigung und Helligkeit zu verstehen. Beide Tools sind kostenlos und erfordern keine Anmeldung.

In welcher Reihenfolge sollte ich eine barrierefreie Oberfläche prüfen?

Prüfen Sie zuerst Farbkontrast bei Text und Hintergründen. Testen Sie dann Kombinationen mit Farbenblindheits-Simulator. Wenn ein Ton angepasst werden muss, verwenden Sie HEX in HSL und dann Farbpalette, um konsistente Varianten vorzuschlagen. Diese Reihenfolge stellt die Lesbarkeit vor den Stil.

Wann sollte ich HEX in HSL anstelle von Farbpalette verwenden?

Verwenden Sie HEX in HSL, wenn Sie von einem HEX-Code ausgehen und dessen Farbton, Sättigung und Helligkeit verstehen oder ändern möchten. Wählen Sie Farbpalette, wenn Sie helle und dunkle Varianten um eine Basis herum benötigen. Die beiden Werkzeuge können sich gegenseitig unterstützen.