Kolor i Projekt
Sprawdzanie kontrastu (WCAG)
Darmowy sprawdzacz kontrastu WCAG. Sprawdź kontrast między dwoma dowolnymi kolorami — zobacz status AA/AAA dla tekstu normalnego i dużego. Do projektowania dostępnego i a11y.
Contrast checker (WCAG)
Notka redakcyjna
Understanding · Designing for the eye on the bus.
Ten szczegółowy rozdział jest obecnie dostępny tylko w języku angielskim. Narzędzie konwersji powyżej działa w Twoim języku; długi artykuł objaśniający nie został jeszcze przetłumaczony.
Często zadawane pytania
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
Ludzie wyszukują również
Use with
What people reach for next.
Powiązane narzędzia
More in this room.
- Konwerter kolorów (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL i nowoczesny OKLCH — błyskawicznie.
- Wyszukiwarka kolorów TailwindNajbliższa klasa Tailwind dla dowolnego koloru HEX.
- Selektor kolorów obrazu i paletaUpuść obraz, wyodrębnij paletę.
- Symulator Ślepoty BarwPodgląd palet przez deuteranopię, protanopię i inne.
- Generator gradientówLiniowe, promieniowe i stożkowe gradienty CSS.
- Generator cienia pudełka (Box Shadow)Wizualny edytor CSS box-shadow.