Metin Rengini Seçin
Metin renginizi seçmek için ilk renk seçiciye tıklayın veya doğrudan bir hex kodu girin.
Arka Plan Rengini Seçin
Kontrast testi için arka plan renginizi seçmek üzere ikinci renk seçiciyi kullanın.
Kontrast Sonuçlarını Gözden Geçirin
Hesaplanan kontrast oranını kontrol edin ve normal ve büyük metinler için AA/AAA derecelendirmelerini görün.
Tasarımınızı Önizleyin
Renk kombinasyonunuzun gerçek metin içeriğiyle nasıl göründüğünü görmek için canlı önizlemeyi görüntüleyin.
Gerçek Zamanlı Kontrast Testi
Farklı metin ve arka plan rengi kombinasyonlarını seçtikçe kontrast oranlarını anında hesaplayın.
WCAG Uyumluluk Derecelendirmeleri
Web İçeriği Erişilebilirlik Yönergelerine göre hem normal hem de büyük metinler için AA ve AAA derecelendirmeleri alın.
Canlı Önizleme Paneli
Renk kombinasyonlarınızın hem normal hem de büyük boyutlarda örnek metinle tam olarak nasıl görüneceğini görün.
Görsel Puan Göstergesi
0-100 arasındaki puanları gösteren sezgisel bir dairesel grafik ile kontrast performansınızı görüntüleyin.
Etkileşimli Renk Seçiciler
Hem metin hem de arka plan renkleri için yerleşik renk seçici araçlarıyla renkleri kolayca seçin.
Erişilebilirlik İpuçları
Kontrastı iyileştirmek ve erişilebilirlik standartlarını karşılamak için pratik öneriler alın.
Renk kontrast denetleyici, metin ve arka plan renkleri arasındaki parlaklık farkını ölçen bir araçtır. İçeriğin renk körlüğü ve düşük görme dahil olmak üzere görme engelli kullanıcılar için okunabilir olmasını sağlamak amacıyla WCAG (Web İçeriği Erişilebilirlik Yönergeleri) standartlarına göre kontrast oranlarını hesaplar.
WCAG Uyumluluğu
Tasarımlarınızın doğru AA ve AAA derecelendirmeleriyle uluslararası erişilebilirlik standartlarını karşıladığından emin olun.
Gerçek Zamanlı Geri Bildirim
Renkleri ayarlarken anında sonuçları görün, bu da uyumlu kombinasyonları bulmayı kolaylaştırır.
Görsel Puan Sistemi
Sezgisel 0-100 puanlama sistemimizle kontrast performansını bir bakışta anlayın.
Kurulum Gerektirmez
Tarayıcınızda herhangi bir yazılım indirmeden renk kombinasyonlarını anında test edin.
Normal metinler için, AA uyumluluğu için en az 4.5:1 veya AAA için 7:1 hedefleyin. Büyük metin (18pt veya 14pt kalın) AA için 3:1 veya AAA uyumluluğu için 4.5:1 gerektirir.
AA, çoğu düzenleme tarafından istenen standart erişilebilirlik uyumluluğu seviyesidir. AAA, en yüksek seviye olup, daha şiddetli görme bozukluğu olan kullanıcılar için gelişmiş erişilebilirlik sağlar.
Kontrast oranı, WCAG yönergeleri tarafından tanımlandığı gibi renklerin göreli parlaklığı kullanılarak hesaplanır. 1:1 (kontrast yok) ile 21:1 (maksimum kontrast) arasında değişir.
Büyük metin, 18 punto (24 piksel) veya daha büyük, ya da kalın ise 14 punto (18.66 piksel) veya daha büyük olarak tanımlanır. Büyük metinlerin daha esnek kontrast gereksinimleri vardır.
İyi renk kontrastı, görme engelli, renk körü olan veya içeriği parlak güneş ışığında ya da kötü ekranlarda görüntüleyen kullanıcılar da dahil olmak üzere herkes için içeriğin okunabilir olmasını sağlar.
Araç, hex renk kodlarını kabul eder. Diğer formatlardan (RGB, HSL vb.) hex'e çevrimiçi dönüştürücüler veya tasarım araçları kullanarak dönüştürebilirsiniz.