Színkontraszt-ellenőrző

Ellenőrizze az előtér/háttér kontrasztját a WCAG AA és AAA ellentétekkel. Tekintse meg az arányfrissítést a színek kiválasztásakor.

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

Ellenőrizze az előtér/háttér kontrasztját a WCAG AA és AAA irányelvei szerint.
A böngészőben fut
Ingyenesen használható

Használati útmutató

Válassza ki a szöveget (előtér) és a háttérszíneket.
Olvassa el a kontrasztarányt és az AA/AAA eredményeket.
Addig állítsa be, amíg el nem éri a célszintet.

How this tool works

Válassza ki a szöveget (előtér) és a háttérszíneket.
Olvassa el a kontrasztarányt és az AA/AAA eredményeket.
Addig állítsa be, amíg el nem éri a célszintet.

Recommended settings

Először használja az alapértelmezett beállításokat, majd módosítsa, ha szükséges

Supported formats

Text / on-page input

File size and limits

A nagyon összetett többrétegű előnézetek lassabbnak tűnhetnek a régebbi telefonokon.

Privacy

A szín- és CSS-generátorok teljes egészében az Ön böngészőjében futnak. Az előnézetek és a konverziók soha nem töltik fel a stílusokat.

Common use cases

Használja a Színkontraszt-ellenőrzőt, amikor csak szüksége van rá: Ellenőrizze az előtér/háttér kontrasztját a WCAG AA és AAA irányelvei szerint.

Troubleshooting

Az előnézet beillesztés után másképp néz ki

Ellenőrizze, hogy az oldalon található-e versengő CSS (visszaállítások, örökölt színek). Először másolja át a generált szabályt egy elszigetelt stíluslapba.

GYIK

Ez feltölti a CSS-emet?

Nem. A generátorok és konverterek a böngészőben futnak élő előnézettel.

Szükségem van fiókra?

Nem. Nyissa meg az eszközt, módosítsa a vezérlőket, és másolja a CSS-t.