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: 3.9

Stary kontrast

Zły kontrast
Pierwszy plan Tło Przyklad Współczynnik Odległość
  • hsl(49, 100%, 49%)
  • rgb(252, 206, 0)
  • #FCCE00
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

3.90228

Nowy kontrast : 10 wyniki/ów (874 testowane kolory)

Poprawne kontrasty
Pierwszy plan Tło Przyklad Współczynnik Odległość
  • hsl(49, 95%, 73%)
  • rgb(252, 229, 125)
  • #FCE57D
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.64971 125.26
  • hsl(13, 81%, 93%)
  • rgb(252, 231, 225)
  • #FCE7E1
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.93294 225.1
  • hsl(85, 100%, 49%)
  • rgb(147, 252, 0)
  • #93FC00
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.51612 101.97
  • hsl(121, 95%, 73%)
  • rgb(125, 252, 129)
  • #7DFC81
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.5017 58.05
  • hsl(157, 96%, 69%)
  • rgb(100, 252, 195)
  • #64FCC3
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.54106 158.75
  • hsl(193, 92%, 83%)
  • rgb(175, 235, 252)
  • #AFEBFC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.50132 249.71
  • hsl(228, 81%, 93%)
  • rgb(225, 230, 252)
  • #E1E6FC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.72876 251.97
  • hsl(266, 81%, 93%)
  • rgb(237, 225, 252)
  • #EDE1FC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.68707 252.02
  • hsl(302, 81%, 93%)
  • rgb(252, 225, 251)
  • #FCE1FB
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.83389 251.04
  • hsl(335, 81%, 93%)
  • rgb(252, 225, 236)
  • #FCE1EC
  • hsl(208, 10%, 39%)
  • rgb(91, 102, 112)
  • #5B6670

Duży rozmiar tytułu z pogrubionym tekstem

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

4.78311 236.04
Wynik Cię nie zadowala?