WCAG Renk Kontrast Denetleyici — AA / AAA Oranı ve Önizleme

Renk kontrast denetleyici, metin ve zemin renginizi seçtiğinizde WCAG göreli parlaklık formülü (0.2126R + 0.7152G + 0.0722B, sRGB lineerleştirme) ile kontrast oranını X:1 biçiminde hesaplar. Normal metin (AA 4.5:1 / AAA 7:1) ve büyük metin (AA 3:1 / AAA 4.5:1) eşiklerine göre geçti-kaldı rozetleri gösterir ve seçtiğiniz renklerle canlı bir metin önizleme kutusu sunar. Erişilebilir arayüzler tasarlamak için pratik bir araçtır; tüm hesaplama tarayıcınızda yapılır.

Normal metin örneği — hızlı kahverengi tilki tembel köpeğin üzerinden atlar.
Büyük metin örneği (18.66px kalın / 24px)
Kontrast oranı
14,68:1
AA — normal (≥4.5)
Geçti
AAA — normal (≥7)
Geçti
AA normal: Geçti ✓AAA normal: Geçti ✓AA büyük: Geçti ✓AAA büyük: Geçti ✓

WCAG 2.1 göreli parlaklık formülü (0.2126R + 0.7152G + 0.0722B, sRGB lineerleştirme) ile hesaplanır. Eşikler: normal metin AA 4.5:1 / AAA 7:1; büyük metin (≥18.66px kalın veya ≥24px) AA 3:1 / AAA 4.5:1. Tamamen tarayıcınızda hesaplanır.

Sıkça Sorulan Sorular

Büyük metin için eşikler neden farklı?

WCAG, daha büyük yazıların okunabilirliği daha kolay olduğu için büyük metinde (≥18.66px kalın veya ≥24px) daha düşük eşik kullanır: AA için 3:1, AAA için 4.5:1. Normal metinde ise AA 4.5:1, AAA 7:1'dir.

Renklerim bir yere gönderiliyor mu?

Hayır. Kontrast oranı tamamen tarayıcınızda JavaScript ile hesaplanır; seçtiğiniz renkler hiçbir sunucuya gönderilmez.

İlgili araçlar