Contrast Finder

Wyszukiwarka kontrastów znajduje właściwe kontrasty kolorów, aby zapewnić dostępność stron internetowych.

WCAG kryterium sukcesu 1.4.3 WCAG wymaga, aby tekst miał minimalny współczynnik kontrastu 4.5 (oraz 3 dla dużego tekstu).

Kolor szesnastkowo, RGB lub słowami kluczowymi CSS.
Przykład: #FFFFFF, rgb(255,255,255) lub white
Kontrast kolorów jest niewystarczający.
Bieżący współczynnik: 1.36

Stary kontrast

Zły kontrast
Pierwszy plan Tło Przyklad Współczynnik Odległość
  • hsl(0, 0%, 86%)
  • rgb(221, 221, 221)
  • #DDDDDD
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Duży rozmiar tytułu z pogrubionym tekstem

Oto próbka tekstu z kilkoma pogrubionymi słowami aby zilustrować kontrast.

1.35825

Nowy kontrast : 1 wynik (1 494 425 testowane kolory)

Poprawne kontrasty
Pierwszy plan Tło Przyklad Współczynnik Odległość
  • hsl(0, 1%, 58%)
  • rgb(152, 148, 148)
  • #989494
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Duży rozmiar tytułu z pogrubionym tekstem

Oto próbka tekstu z kilkoma pogrubionymi słowami aby zilustrować kontrast.

3.00057 103.43
Wynik Cię nie zadowala?
Daj mi zakres kolorów