Renk Kontrast Hesaplayıcısı

Renk Kontrast Hesaplayıcısı, iki renk arasındaki kontrast oranını hesaplayarak WCAG erişilebilirlik standartlarını karşılayıp karşılamadığını kontrol etmenizi sağlar. Web tasarımcıları, geliştiriciler ve UX uzmanları için ideal bir araçtır. Renk seçimlerinizi optimize ederek daha erişilebilir ve kullanıcı dostu arayüzler tasarlayabilirsiniz. Tamamen ücretsiz, reklamsız ve kayıt gerektirmez.

Renk Seçimi
Metin veya ön plan rengi
Arka plan rengi

Bu metin önizlemesi, seçilen renklerin nasıl görüneceğini gösterir.

Hızlı Örnekler

Kontrast Oranı Hesaplama

Kontrast Oranı = (L1 + 0.05) / (L2 + 0.05)

  • L1: Daha açık rengin göreceli parlaklığı
  • L2: Daha koyu rengin göreceli parlaklığı
  • 0.05: Sabit değer (küçük değerler için)
WCAG Standartları
  • AA (Normal Metin): En az 4.5:1 kontrast oranı
  • AA (Büyük Metin): En az 3:1 kontrast oranı
  • AAA (Normal Metin): En az 7:1 kontrast oranı
  • AAA (Büyük Metin): En az 4.5:1 kontrast oranı
Göreceli Parlaklık Hesaplama
  • RGB değerleri 0-255 arasında normalize edilir (0-1)
  • Her renk kanalı için gamma düzeltmesi uygulanır
  • Parlaklık = 0.2126 × R + 0.7152 × G + 0.0722 × B
  • Bu formül insan gözünün renk hassasiyetini yansıtır
Kullanım Alanları
  • Web siteleri ve uygulamalar
  • Mobil uygulamalar
  • Dijital dokümanlar
  • Sunumlar ve raporlar
  • Logo ve marka tasarımı
  • Erişilebilirlik testleri
İpuçları
  • Koyu arka plan üzerinde açık metin kullanın
  • Renk körlüğü olan kullanıcıları düşünün
  • Kontrast oranını en az 4.5:1 yapın
  • Test ederken farklı ekranlarda kontrol edin
  • Güneş ışığında da okunabilir olduğundan emin olun

Sık Sorulan Sorular

Renk kontrastı, iki renk arasındaki parlaklık farkıdır. Yeterli kontrast, metinlerin okunabilirliğini artırır ve erişilebilirlik standartlarını karşılar. Düşük kontrast, özellikle görme engelli kullanıcılar için okuma zorluğu yaratır.

WCAG (Web Content Accessibility Guidelines), web içeriklerinin erişilebilirliği için belirlenmiş uluslararası standartlardır. Bu standartlar, engelli kullanıcıların web sitelerini daha kolay kullanabilmesini sağlar ve yasal gereklilikler arasında yer alır.

Kontrast oranı 1:1 ile 21:1 arasında değer alır. 1:1 hiç kontrast olmadığını, 21:1 ise maksimum kontrast olduğunu gösterir. 4.5:1 ve üzeri AA seviyesi, 7:1 ve üzeri AAA seviyesi erişilebilirlik standartlarını karşılar.