Renk Kontrast Kontrolü

Renk kontrast kontrolü ne yapar?

Kontrast oranı, metin rengi ile arka plan arasındaki parlaklık farkını 1:1 ile 21:1 arasında tek bir sayıya çevirir. Bu oran yalnızca renk çiftini ölçer; yazı tipi, boyut ve yerleşim de okunabilirliği etkiler. WCAG 2.2, normal metin için en az 4,5:1, büyük metin için en az 3:1 ister (AA); AAA düzeyinde bu değerler 7:1 ve 4,5:1 olur.

Araç iki rengi alır, gamma düzeltmeli göreli parlaklıklarını hesaplar ve dört ölçütü ayrı ayrı sonuçlandırır. Başarı ya da başarısızlık yalnızca renkle değil, Geçer ve Geçmez sözcükleriyle de gösterilir; böylece renk körlüğü olan ya da ekran okuyucu kullanan biri sonucu yine okuyabilir.

Nasıl kullanılır?

1. Metin ve arka plan rengini yazın ya da renk seçiciyi kullanın. Kısa biçim #fff ile uzun biçim #ffffff eşdeğerdir; büyük veya küçük harf fark etmez.
2. İsterseniz Renkleri değiştir düğmesiyle iki rengin yerini değiştirin. Oran simetriktir, değişmez; yalnızca önizleme ters döner.
3. Önizleme metnini kendi cümlenizle değiştirin ve renk çiftinin üç boyutta (12 pt, 18 pt ve 14 pt kalın) nasıl göründüğüne bakın.
4. Tablodaki dört satırı okuyun, gerekirse sonucu kopyalayın. Hatalı bir renk girerseniz ilgili alanın altında neyin yanlış olduğu yazılır.
5. Örnek düğmesi sınıra yakın bir çift yükler, Sıfırla düğmesi varsayılan renklere döner.

WCAG eşikleri ve büyük metin

WCAG büyük metni en az 18 punto ya da 14 punto kalın olarak tanımlar. Araç yazınızın büyük sayılıp sayılmayacağına karar vermez; iki sınıfı ayrı ayrı sonuçlandırır ve doğru satırı sizin seçmenize bırakır. Ekrandaki punto yazı tipine ve kullanıcı ayarlarına göre değişebileceğinden, emin olmadığınızda normal metin satırını esas alın.

Oran nasıl hesaplanır?

Her kanal 0–255 değerinden 0–1 aralığına çevrilir, gamma düzeltmesiyle doğrusallaştırılır ve ağırlıklı toplanır. Oran, açık rengin parlaklığına 0,05 eklenip koyu rengin parlaklığına 0,05 eklenmiş değere bölünerek bulunur.

c = kanal / 255
c_dogrusal = c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ^ 2.4
L = 0.2126 * R + 0.7152 * G + 0.0722 * B
oran = (L_acik + 0.05) / (L_koyu + 0.05)

Karar yuvarlanmış orandan değil, tam orandan verilir. Gösterilen sayı ise iki ondalığa yuvarlanmaz, kesilir; böylece ekrandaki değer gerçek orandan hiçbir zaman yüksek olmaz. Gerçek oran 4,4984 ise ekranda 4,49:1 yazar ve AA normal metin geçmez; 4,50:1 görüp geçti sanmazsınız.

Örnek çiftler

Aşağıdaki çiftler tasarım örnekleridir; bir marka ya da erişilebilirlik önerisi değildir. Oranlar iki ondalığa kesilmiştir.

Kapsam, sınırlar ve kaynaklar

• Yalnızca opak sRGB renkler desteklenir: #RGB ve #RRGGBB. Alfa kanalı, CSS renk adları, rgb() ve hsl() hata verir.
• Kontrast oranı tek başına WCAG uygunluğu ya da hukuki bir belge değildir; odak göstergeleri, görsel içindeki metin ve klavye erişimi ayrıca denetlenmelidir.
• APCA gibi başka algısal modeller aynı ölçüt sayılmaz ve bu araca eklenmemiştir.
• Renkler ve önizleme metni tarayıcıdan çıkmaz. Paylaşım bağlantısı bu değerleri yalnızca siz seçerseniz taşır; bağlantıyı alan herkes görür.
• Teknik bilgiler 25 Ekim 2026 tarihinde W3C WCAG 2.2 ve SC 1.4.3 Contrast (Minimum) sayfalarıyla doğrulandı.

Paylaşım görselinin renklerini denerken OG görsel oluşturucu, arama sonucu görünümü için SERP önizleme, sayfa yapısı için başlık hiyerarşisi kontrolü aracı da var.