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 : 6 wyniki/ów (56 testowane kolory)

Poprawne kontrasty
Pierwszy plan Tło Przyklad Współczynnik Odległość
  • hsl(0, 0%, 57%)
  • rgb(146, 146, 146)
  • #929292
  • 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.11166 108.17
  • hsl(0, 6%, 54%)
  • rgb(146, 130, 130)
  • #928282
  • 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.66007 124.48
  • hsl(0, 16%, 60%)
  • rgb(171, 137, 137)
  • #AB8989
  • 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.14792 109.43
  • hsl(0, 23%, 56%)
  • rgb(171, 119, 119)
  • #AB7777
  • 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.72559 130.99
  • hsl(0, 39%, 61%)
  • rgb(196, 118, 118)
  • #C47676
  • 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.38703 130.08
  • hsl(0, 61%, 65%)
  • rgb(221, 111, 111)
  • #DD6F6F
  • 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.19258 138.59
Wynik Cię nie zadowala?