Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Əsas məzmuna keç
Gizke.com
Bloq

Rəng Alətləri

Cihazınızda işləyir. Heç nə göndərilmir.
Kontrast yoxlayıcı

Ağa qarşı

AA (normal mətn)

5.17:1Keçdi

AA (böyük mətn)

5.17:1Keçdi

AAA (normal mətn)

5.17:1Keçmədi

AAA (böyük mətn)

5.17:1Keçdi

Qaraya qarşı

AA (normal mətn)

4.06:1Keçmədi

AA (böyük mətn)

4.06:1Keçdi

AAA (normal mətn)

4.06:1Keçmədi

AAA (böyük mətn)

4.06:1Keçmədi
Çalarlar

HEX, RGB və HSL arasında çevirin, WCAG kontrastını yoxlayın və bir çalar diapazonu yaradın - tamamilə brauzerinizdə.

Bu alət bir rəngi HEX, RGB və HSL notasiyaları arasında çevirir, ağ və qara mətnə qarşı WCAG kontrast nisbətini yoxlayır və tünddən açığa doğru bir çalar diapazonu yaradır - hamısı siz yazarkən brauzerinizdə yerli olaraq hesablanır.

Tez-tez verilən suallar

WCAG AA və AAA səviyyələri nə deməkdir?
Bunlar Veb Məzmununun Əlçatanlıq Təlimatlarından gələn əlçatanlıq kontrast həddləridir: AA normal mətn üçün ən azı 4.5:1 kontrast tələb edir (böyük mətn üçün 3:1, 18pt+ və ya qalın 14pt+), daha ciddi olan AAA isə normal mətn üçün 7:1 tələb edir (böyük mətn üçün 4.5:1). AA-ya cavab vermək əlçatan mətn üçün ümumi əsas xətdir.
HEX/RGB/HSL niyə gedib-gəldikdə bir az fərqli dəyər verə bilər?
HSL çalar, doyma və işıqlılığı yuvarlaqlaşdırılmış tam ədədlər kimi saxlayır, ona görə RGB-ni HSL-ə və geri çevirmək yuvarlaqlaşdırma səbəbindən bir kanalı bir və ya iki bal sürüşdürə bilər - bu normaldır və HSL-i dəstəkləyən hər rəng alətində baş verir.
Çalar diapazonu necə yaradılır?
Rəngin çalarını və doymasını sabit saxlayıb yalnız HSL fəzasında işıqlılığını, demək olar ki, qaradan demək olar ki, ağa qədər dəyişdirməklə. Bu, qavrayış baxımından bərabər bir diapazon (daha mürəkkəb rəng fəzası tələb edərdi) əvəzinə, əksər gündəlik rəng alətlərinin təqdim etdiyi sadə, proqnozlaşdırıla bilən bir diapazondur.

Bu aləti paylaşın

BloqHaqqımızdaƏlaqəİstifadə ŞərtləriMəxfilik Siyasəti