common.you_need_to_be_loggedin_to_add_tool_in_favorites
Renk Kontrastı Denetleyicisi
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
WCAG Compliance
Normal Text
Large Text (18pt+ or 14pt+ bold)
UI Components & Graphics
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Renk Kontrast Kontrol Cihazımız Nasıl Çalışır
Ön plan ve arka plan renklerinizi RGB hex değerleriyle girin veya doğrudan Renk Seçici ile seçin.
Şunları yapabilirsiniz:
- Ön plan renginin şeffaflığını değiştirmek için Alpha'yı ayarlayın.
- Rengi daha açık veya koyu göstermek için Lightness kaydırıcısını kullanın.
Aracımız kontrast oranını hesaplar ve WCAG yönergeleriyle karşılaştırır:
- WCAG 2.0 AA Seviyesi
- Normal gövde metni için en az 4.5:1
- Büyük metin için en az 3:1
- WCAG 2.1 (Arayüz ve grafikler)
- İkonlar, kenarlar ve diğer arayüz bileşenleri için en az 3:1
- WCAG Seviye AAA
- Normal metin için en az 7:1
- Büyük metin için en az 4.5:1
Büyük metin şu anlamda ifade eder:
- 14 puan (yaklaşık 18,66 piksel) ve kalın veya
- 18 puan (yaklaşık px) veya daha büyük
Renk Seçici'deki damlacı ile ekranınızdaki herhangi bir şeyden tam renkler alabilirsiniz. Gerçek tasarımları, düğmeleri veya arka planları test etmeyi kolaylaştırıyor.
Sadece renge dayanan bağlantılar için, erişilebilirlik standartlarına uyduklarından ve herkes için kolay okunabilir olduğundan emin olmak için renk kontrast kontrol cihazımızı kullanın.
API Dokümantasyonu Yakında Yayınlanacak
Documentation for this tool is being prepared. Please check back later or visit our full API documentation.
