Rəng kontrast yoxlayıcısı

Rənglərini yoxla

Mətn oxunaqlığı üçün WCAG əlçatanlıq standartlarına cavab verdiyinə əmin olmaq üçün rəng kombinasiyalarını sınaqdan keçir.

1.00:1

Kontrast

Uğursuz

Çox zəif

Adi mətn

AA (4.5:1)

AAA (7:1)

Böyük mətn

AA (3:1)

AAA (4.5:1)

Mətn Rəngi

Fon Rəngi

Tez düzəlişlər

Önizləmə başlığı

Cəld qəhvəyi tülkü tənbəl it üzərindən atlanır

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

Mətn

#ffffff

Fon

#e57000

WCAG Standartları

Səviyyə AA

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

Səviyyə AAA

Adi 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 kifayət qədər kontrast yoxdur - WCAG standartlarına uyğun deyil.

Mətn və fon rənglərinin kontrast nisbətini hesabla.

Mətn və fon rəngi üçün rəng seçmək üçün rəng seçicisini istifadə et və ya RGB onaltılıq formatında rəng daxil et (məsələn, #259 və ya #2596BE). Rəng seçmək üçün sürgünü tənzimləyə bilərsən. Veb Məzmunu Əlçatanlıq Təlimatları (WCAG) mətnin görmə qabiliyyətli istifadəçilər üçün oxunaqlı olub-olmadığını müəyyənləşdirmək üçün xüsusi təlimatlara malikdir. Bu meyar rəng kombinasiyalarını müqayisə edilə bilən nisbətlərə çevirmək üçün xüsusi bir alqoritmdən istifadə edir. Bu formuladan 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 kifayətdir və böyük mətn (18+ pt adi və ya 14+ pt qalın) ən azı 3:1 rəng kontrast nisbətinə malik olmalıdır.

Əsas xüsusiyyətlər

Real vaxtda kontrast nisbətinin hesablanması
WCAG AA & AAA uyğunluq yoxlaması
Dəqiq tənzimləmə üçün HSL sürgüləri
Çoxsaylı önizləmə formatları

İnkişaf etmiş alətlər

Avtomatik rəng düzəltmə
Mətn və fon nümunələri
Rəng adının aşkarlanması
Nəticələri ixrac et

Tez-tez verilən suallar

WCAG AA uyğunluğu üçün adi mətn ən azı 4,5:1 kontrast nisbəti tələb edir, iri mətn (18pt və ya 14pt qalın) isə 3:1 tələb edir.

WCAG AAA daha yüksək kontrast nisbətləri tələb edir: adi mətn üçün 7:1, iri mətn üçün 4,5:1. AA üçün müvafiq olaraq 4,5:1 və 3:1-dir.

Dizayn məqsədini saxlayaraq mətn və ya fon rənglərini tənzimləmək üçün avtomatik düzəliş funksiyamızdan istifadə et, ya da AA/AAA uyğunluğu üçün optimal zonaları göstərən vizual göstəriciləri olan HSL sürgüləri ilə rəngləri əl ilə tənzimlə.

Yaşıl zonalar və AA/AAA işarələri WCAG uyğunluğuna çatmaq üçün optimal diapazonları göstərir. İstiqamət işarələri (Daha açıq/Daha tünd) cari rəng kombinasiyasına əsasən daha yaxşı kontrasta doğru səni istiqamətləndirir.

Bəli, istənilən HEX rəng kodunu daxil edə və ya özəl rənglər seçmək üçün rəng seçicidən istifadə edə bilərsən. URL avtomatik yenilənir, beləliklə müəyyən rəng kombinasiyalarını paylaşa bilərsən.