Rəng Kontrast Yoxlayıcısı

Əlçatanlığı təmin etmək üçün ön plan və fon rəngləri arasında kontrast nisbətini yoxlayın.

1.00:1
Kontrast
Fail
Çox kasıb

Normal Mətn

AA (4.5:1)
AAA (7:1)

Böyük mətn

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#b3b3b3

Tez Düzəlişlər

Aa

Öncədən Baxış Başlığı

Sürətli qəhvəyi tülkü tənbəl itin üstündən tullanır

Kiçik mətn nümunəsi (12px)

Mətn
#000000
Fon
#b3b3b3

WCAG Standartları

Level AA

Normal mətn üçün 4.5:1 və böyük mətn üçün 3:1 minimum kontrast nisbəti. Əksər saytlar üçün tələb olunur.

Level AAA

Normal mətn üçün 7:1 və böyük mətn üçün 4.5:1 təkmilləşdirilmiş kontrast nisbəti. Optimal əlçatanlıq üçün tövsiyə olunur.

Bütün mətn ölçüləri üçün zəif kontrast.

Rəng Kontrast Yoxlayıcısı

Mətn və fon rənglərinin kontrast nisbətini hesablayın.

Mətn və fon rəngi üçün rəng seçicidən istifadə edərək rəng seçin və ya RGB hexadecimal formatında rəng daxil edin (məsələn, #259 və ya #2596BE). Rəng seçmək üçün kaydırıcıyı tənzimləyə bilərsiniz. Veb Məzmununa Əlçatanlıq Təlimatlarında (WCAG) mətnin görmə qabiliyyəti olan istifadəçilər üçün oxunaqlı olub-olmadığını anlamaq üçün xüsusi təlimat var. Bu meyar rəng birləşmələrini müqayisəli nisbətlərə uyğunlaşdırmaq üçün xüsusi bir alqoritmdən istifadə edir. Bu düsturdan istifadə edərək WCAG bildirir ki, mətn və onun fonu ilə 4.5:1 rəng kontrast nisbəti adi (bədən) mətn üçün adekvatdır və böyük mətndə (18+ pt normal və ya 14+ pt qalın) ən azı 3 olmalıdır: 1 rəng kontrast nisbəti.

Əsas Xüsusiyyətlər

  • Real vaxt kontrast nisbətinin hesablanması
  • WCAG AA və AAA uyğunluğunun yoxlanılması
  • İncə tənzimləmə üçün HSL sürgüləri
  • Çoxsaylı önizləmə formatları

Qabaqcıl Alətlər

  • Avtomatik rəng fiksasiyası
  • Mətn və fon nümunələri
  • Rəng adının aşkarlanması
  • Nəticələri ixrac edin