Bu araç ne işe yarar?
Renk Kontrastı Denetleyici, bir metin (ön plan) ve arka plan rengi arasındaki kontrast oranını hesaplar ve WCAG erişilebilirlik standartlarını geçip geçmediğini gösterir. Web tasarımcıları, geliştiriciler ve içerik üreticileri, metinlerinin okunabilir olduğundan emin olmak için kullanır.
Nasıl kullanılır?
- Değerleri ve seçenekleri ayarlayın.
- Canlı önizlemede sonucu görün.
- Üretilen CSS/kodu projenize kopyalayın.
Oran ve WCAG seviyeleri
İki rengi hex olarak girin veya renk seçiciden seçin; araç bağıl parlaklığı hesaplayıp kontrast oranını (örneğin 4.5:1) anında verir. Sonuç dört rozetle değerlendirilir: AA Büyük (≥ 3:1), AA (≥ 4.5:1), AAA Büyük (≥ 4.5:1) ve AAA (≥ 7:1). Üstteki canlı önizleme, büyük başlık ve normal gövde metnini seçtiğiniz renklerde göstererek kararı gözle de doğrulamanızı sağlar.
Hazır kombinasyonlar
Beyaz üzerine siyah, mavi üzerine beyaz veya beyaz üzerine gri gibi yaygın renk çiftleri tek tıkla yüklenir ve her birinin kontrast oranı etiketinde görünür. Bu, başlangıç noktası seçmek ve düşük kontrastlı kombinasyonları (örneğin gri-beyaz) hızlıca elemek için kullanışlıdır. WCAG 2.1'e göre AA, normal metin için 4.5:1, büyük metin için 3:1; AAA ise normal metin için 7:1 gerektirir.
Sıkça sorulan sorular
Büyük metin neden daha düşük orana izin verir?
18pt ve üzeri (veya kalın 14pt) metin daha kalın çizgilere sahip olduğundan daha kolay okunur; bu yüzden WCAG büyük metne 3:1 gibi daha düşük bir eşik tanır.
Hangi renk formatlarını girebilirim?
Araç #rrggbb biçiminde altı haneli hex renk kodlarıyla çalışır; renk seçiciyi kullanarak da değer atayabilirsiniz.
Şeffaflık (alfa) destekleniyor mu?
Hesaplama düz hex renkler üzerinden yapılır; yarı saydam renkler için önce arka planla harmanlanmış efektif rengi girmeniz gerekir.
Renk Kontrastı ücretsiz mi?
Evet. Renk Kontrastı ve MagmaNex'teki 300'den fazla aracın tamamı tamamen ücretsizdir, kayıt veya üyelik gerektirmez.
Verilerim güvende mi?
Evet. Tüm işlemler tarayıcınızda yerel olarak çalışır. Girdiğiniz veriler sunucuya gönderilmez, kaydedilmez veya paylaşılmaz.
Mobil cihazda çalışır mı?
Evet. Renk Kontrastı telefon, tablet ve bilgisayarda sorunsuz çalışır; ayrı bir uygulama indirmenize gerek yoktur.
🔒 Gizlilik: Tüm işlemler tarayıcınızda yapılır, verileriniz sunucuya gönderilmez.