Renk Kontrast Kontrolü
WCAG erişilebilirlik uyumluluğu için renk kontrast oranını kontrol edin. Ön plan ve arka plan renklerini test edin.
The quick brown fox jumps over the lazy dog
16px gövde metni - ziyaretçilerinizin asıl okuyacağı yazı budur.
WCAG Erişilebilirlik Yönergeleri
AA Normal (4.5:1): Normal metin için minimum kontrast. Çoğu web içeriği için gereklidir.
AA Large (3:1): Büyük metin için minimum kontrast (18pt+ veya 14pt+ kalın).
AAA Normal (7:1): Normal metin için geliştirilmiş kontrast. En yüksek erişilebilirlik standardı.
AAA Large (4.5:1): Büyük metin için geliştirilmiş kontrast. Kritik içerik için önerilir.
Hazır Ayarlar
Geçmiş
WCAG Erişilebilirlik Yönergeleri
Renk Kontrast Kontrolü, web sitenizin WCAG erişilebilirlik standartlarını karşılamasını sağlamanıza yardımcı olur.
Popüler Araçlar
Renk Kontrast Kontrolü Hakkında
Ön plan ve arka plan rengini HEX kodu veya renk seçiciyle belirleyin; bu denetleyici WCAG 2.1 kontrast oranını, normal metinde AA (4.5:1), büyük metinde AA (3:1), normal metinde AAA (7:1) ve büyük metinde AAA (4.5:1) için geçti veya kaldı işaretleriyle bildirsin. Canlı örnek, ikiliyi başlık ve gövde boyutlarında gösterir; tasarımcıların bir paleti onaylamadan önce ihtiyaç duyduğu şey tam olarak budur. Bağıl parlaklık hesabı tarayıcınızda yapılır, kaydedilen renk çiftleri ise yerel depolamada kalır.
Kullanım alanları
Nasıl kullanılır
Metin renginizi Ön Plan alanında belirleyin: renk kutucuğunu kullanın ya da yanındaki kutuya #4f46e5 gibi bir hex değeri yazın.
Sayfa rengini Arka Plan alanında aynı şekilde ayarlayın; büyük Aa önizlemesi anında yeniden boyanır ve sağ üst köşesindeki oran rozeti güncellenir.
Önizlemenin altındaki dört WCAG kartını okuyun - AA Normal, AA Büyük, AAA Normal ve AAA Büyük - her biri kendi eşik değerine göre yeşil bir tik ya da kırmızı bir çarpı gösterir.
Ters kombinasyonu denemek için iki renk alanı arasındaki takas oklarına basın veya bilinen bir eşleşmeyi yüklemek için Koyu Üzerine Beyaz ya da GitHub Dark gibi bir hazır ayara tıklayın.
Oranı ve dört geçti/kaldı sonucunun tamamını panoya almak için büyük oran sayısının altındaki Kopyala düğmesine, renk çiftini Geçmiş şeridinde saklamak için Kaydet düğmesine basın.
Profesyonel İpuçları
- İçeriğinizi doğrudan yapıştırın; Renk Kontrastı Kontrol Aracı yaygın girdi biçimlerini algılar ve mantıklı varsayılanları otomatik olarak uygular.
- Renk Kontrastı Kontrol Aracında işinizi hızlandırmak için klavye kısayollarını kullanın (tümünü seçmek için Ctrl/Cmd+A, kopyalamak için Ctrl/Cmd+C).
- Çok büyük girdileri parçalara bölün; çoğu tarayıcı sekmesi megabaytlarca metni kaldırabilir, ancak devasa verileri ayrıştırmak arayüzü kısa süreliğine dondurabilir.
- Renk Kontrastı Kontrol Aracı girdinizi kaydetmez ve saklamaz. Geçmiş tutmanız gerekiyorsa önemli çıktıları yerel bir dosyaya veya not uygulamasına kopyalayın.
- Renk Kontrastı Kontrol Aracı ile bu sitedeki diğer araçları (biçimlendiriciler, dönüştürücüler, kodlayıcılar) birlikte kullanarak tarayıcınızdan çıkmadan eksiksiz veri akışları kurun.
Sık Sorulan Sorular
Evet, tamamen ücretsiz: kayıt yok, API anahtarı yok, filigran yok ve kullanım sınırı yok.
Hayır. Renk Kontrastı Kontrol Aracı tamamen istemci tarafında, yani tarayıcınızda çalışır. Girdiğiniz veriler sunucularımıza hiç ulaşmaz.
Kesin bir sınır yok; ancak cihazınızın belleğine bağlı olarak birkaç megabaytı aşan girdilerde yavaşlama görebilirsiniz.
Evet. Renk Kontrastı Kontrol Aracı ile üretilen çıktılar size aittir; her türlü kişisel veya ticari projede özgürce kullanabilirsiniz.
İşlemlerin büyük bölümü istemci tarafındaki JavaScript ile yürütülür; bu yüzden sayfa bir kez yüklendikten sonra çoğu zaman internet bağlantısı olmadan da çalışmaya devam edebilirsiniz.
Yok. Renk Kontrastı Kontrol Aracı tarayıcınızda çalıştığı için API anahtarına veya kısıtlamaya takılmadan donanımınızın izin verdiği kadar çok girdi işleyebilirsiniz.