Rəng Kontrast Yoxlayıcısı

Mətin rəngi və fon rəngi arasındakı kontrast nisbətini və oxunabilik standartının (WCAG AA) keçən/keçməyən vəziyyətini dərhal müəyyən edin

Xüsusiyyətlər

Kontrast Nisbətini Dərhal Müəyyən Edin

Mətin rəngi və fon rəngi daxil etməklə WCAG AA keçən/keçməyən vəziyyətini göstərin

Seçici və Kod Dəstəyi

HEX, qısaldılmış forma və rgb() yapışdırılması ilə rəng seçimi vasitəsilə təyin edin

2 Ölçüdə Nümunə Göstərişi

Adi mətin və başlıqların həqiqi görünüşünü dərhal yoxlayın

Keçən Rəngi Bir Kliklə

Rəng tonunu saxlamaqla parlaqlığı dəyişən təklif edilən rəngi dərhal tətbiq edin

İstifadə Qaydası

1

Mətin Rəngini Təyin Edin

Rəng seçicisindən seçin və ya #333333, #333 və ya rgb(51, 51, 51) formatlarından hər hansı birində rəng kodu daxil edin

2

Fon Rəngini Təyin Edin

Eyni şəkildə fon rəngini təyin edin. Düyməyə basmadan giriş zamanı nəticələr yenilənir

3

Nisbət, Keçən/Keçməyən və Nümunəni Yoxlayın

Kontrast nisbətini, adi mətin və böyük mətin üçün keçən/keçməyən vəziyyətini, bir sözlə qiymətləndirməni və nümunə mətinin görünüşünü yoxlayın

4

Təklif Edilən Rəngi Tətbiq Edin və Yenidən Yoxlayın

Keçməyən qiymətləndirmə halında "Mətin rəngini ... ə dəyişdir" kimi təklif düyməsindən keçən rəngi tətbiq edin. Mətin rəngi ilə fon rəngini dəyişmək üçün əvəzetmə düyməsindən istifadə edin

İstifadə Halları

Slayd və Tənzimləmə Palitresinin Yoxlanılması

Şirkət daxili materialı və ya slaydın mətin rəngi ilə fon rənginin oxunub-oxunmadığını yaradılmasından əvvəl yoxlayın

Veb Saytı Palitrə Yoxlaması

Sayt və ya bannerun palitresinin əlçatışlılıq standartlarını (WCAG AA) ödəyib-ödəmədiyini yoxlayın

Brend Rənginin Mətn İstifadəsi Qərarı

Brend rəngini mətin rəngində istifadə etdikdə, mətnə istifadə edə biləcək qədər nə qədər tünd olunacağını müəyyən edin

Keçməyən Palitrənin Düzəldilməsi

Göstərilən palitrəni rəng tonunu saxlamaqla keçən rəngə çevirin

Əsas Biliklər

Kontrast Nisbəti Nədir

Kontrast nisbəti, mətin rəngi ilə fon rənginin parlaqlığı fərqini 1 : 1 ilə 21 : 1 arasında rəqəmlə ifadə edən göstəricdir. Qara ilə ağ birləşməsi ən yüksək 21 : 1-i, eyni rənglər isə ən aşağı 1 : 1-i əmələ gətirir.

  • Hesablamanın Mexanizmi:Kontrast nisbəti, 2 rəngi sRGB-nin nisbi parlaqlığına çevirtməklə, daha parlaq rəngin parlaqlığına və daha tünd rəngin parlaqlığına müvafiq olaraq 0.05 əlavə edərək bölüntü alınan dəyərdir.
  • Rəqəmsal Əsas:Ağ fona (#FFFFFF) nisbətən, boz rəng #777777 4,47 : 1, #999999 2,84 : 1 və qara (#000000) isə 21 : 1 kontrast nisbətinə malikdir.

WCAG AA ilə AAA Arasındakı Fərq

WCAG, Veb Məzmununun Əlçatışlılığına dair beynəlxalq bir bələdçidir və kontrast nisbətinin keçən səviyyəsini AA ilə AAA arasında 2 pilləkən təyin etmişdir.

  • AA (Standart Səviyyə):AA adi mətin üçün 4,5 : 1 və ya daha yuxarı, böyük mətin üçün 3,0 : 1 və ya daha yuxarı tələb edən standartdır və ümumi Veb Saytları hədəf qoyan səviyyədir.
  • AAA (Daha Ciddi Səviyyə):AAA adi mətin üçün 7 : 1 və ya daha yuxarı, böyük mətin üçün 4,5 : 1 və ya daha yuxarı tələb edən standartdır və görmə qabiliyyəti zəif olan insanlar üçün oxunabilirliyi yaxşılaştırmaq məqsədini daşıyır.

Böyük Mətinin Tərifi

WCAG-ın böyük mətini təxminən 18 nöqtə (24px) və ya daha yuxarı, ya da tünd 14 nöqtə (təxminən 18,7px) və ya daha yuxarı mətni ifadə edir.

  • Adi Mətin:Adi mətin, böyük mətinin tərifinin kənar qaldığı ölçüdə mətni ifadə edir, əsas mətn və qeydlər kimi oxunacaq mətnə aiddir və 4,5 : 1 və ya daha yuxarı kontrast nisbətinə ehtiyac duyur.
  • Başlıq ilə Əlaqə:Başlıqlar hətta 24px-dən kiçik və tünd olmayan halda adi mətin kimi qəbul edilir, buna görə ölçüyə əlavə olaraq qalınlığı da yoxlamaq lazımdır.

Təhlükəsizlik və Məxfilik

Brauzerdə tamamlanır

Daxil edilən məlumatlar yalnız brauzerinizdə emal olunur və xaricə göndərilmir.

Yalnız brauzerde işlənmə

Kontrast nisbətinin hesablanması və rəng təklifləri tamamilə sizin brauzerdə icra olunur, giriş məlumatları serverə göndərilmir.

Rabitə HTTPS ilə şifrələnir

Səhifənin yüklənməsi də TLS ilə şifrələnir, üçüncü tərəflər tərəfindən məzmun oxuna bilməz.

Üçüncü tərəflərə göndəriliş yoxdur

Reklam şəbəkələri və ya əlçatdırıcılar kimi xarici xidmətlərə giriş məzmunu göndərilmir.

Nəticənin avtomatik saxlanması yoxdur

Daxil edilən mətin rəngi və ya fon rəngi və ya giriş seçimləri serverdə saxlanılmır.

Google Axtarışda RAKKOTOOLS-u izləyin

193 faydalı alət Google Axtarış və AI Axtarışdan daha asanlıqla tapıla biləcəkdir!

  • Axtarışda tapılır
  • AI Axtarışda da göstərilir
  • Yeni alətləri də kəşf edin

Yeniləmə məlumatı

Əlaqəli Alətlər