👁️

Coloder Barrierefreiheit Voderschau

Preview und test coloder contrast ratios für WCAG Barrierefreiheit compliance. Simulate coloder blindness und ensure your designs are accessible zu everyone.

Vorschau und Live-Rendering Barrierefreiheit Farbwerkzeuge Design-Werkzeuge 10,000

Foreground

Background

Contrast Ratio

10.1:1

AA AA Large AAA AAA Large

WCAG 2.1 compliance levels

Live Preview

The quick brown fox jumps over the lazy dog

This is body text at normal size. WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Small text (below 18px or 14px bold) must meet stricter requirements.

Color Blindness Simulation

The quick brown fox jumps over the lazy dog

This preview simulates how your color combination appears to users with different types of color vision deficiency.

WCAG AA (Normal text):: ≥ 4.5:1

WCAG AA (Large text):: ≥ 3:1

WCAG AAA (Normal text):: ≥ 7:1

WCAG AAA (Large text):: ≥ 4.5:1

Coloder Barrierefreiheit Voderschau

Verwandte Werkzeuge

Background Pattern Generazuder

Bezier Curve Visualizer

CSS Box Model Visualizer

CSS Backdrop filtern Voderschau

Clip Path Generazuder

CMYK ↔ RGB Konverter

Badge Generazuder

ARIA Role Reference

Alt Text Evaluazuder

CSS Box Shadow Generazuder

CSS Schriftart Style Generazuder

CSS Flexbox Generazuder

CSS Blending Modes Voderschau

CSS Coloder Function Minifier

CSS Coloder Blindness Simulazuder

CSS Flexbox Generazuder