Renk kontrast denetleyici
Metin ve arka plan renklerinizin okunabilir olup olmadığını WCAG ölçütlerine göre anında kontrol edin. Oran yetersizse, renginize en yakın uygun tonu araç sizin için bulur.
Ücretsiz · Kayıt gerekmez · Tarayıcıda çalışır
| AA | AAA | |
|---|---|---|
| Normal metin | ||
| Büyük metin | ||
| Arayüz öğeleri | — |
Büyük başlık örneği
Pijamalı hasta yağız şoföre çabucak güvendi.
Metin ve arka plan renklerinizin okunabilir olup olmadığını WCAG ölçütlerine göre anında kontrol edin. Oran yetersizse, renginize en yakın uygun tonu araç sizin için bulur.
ButtonDosyalarınız sunucuya yüklenmez; tüm işlem tarayıcınızda yapılır.
Nasıl kullanılır?
- Metin rengini ve arka plan rengini seçin veya HEX kodunu girin.
- Kontrast oranını ve WCAG AA / AAA sonuçlarını inceleyin.
- Önizlemede normal ve büyük metnin nasıl göründüğüne bakın.
- Gerekirse önerilen renge tıklayarak uygun tona geçin; sayfa adresini paylaşarak sonucu iletin.
Öne çıkanlar
- WCAG 2.2 AA ve AAA, normal ve büyük metin sonuçları.
- Arayüz öğeleri (buton, ikon, çerçeve) için 3:1 kontrolü.
- Geçmeyen renklere en yakın uygun ton önerisi.
- Paylaşılabilir bağlantı: renkler sayfa adresine kaydedilir.
Sık sorulan sorular
WCAG kontrast oranı nedir?
Kontrast oranı, iki rengin göreli parlaklıkları arasındaki farktır ve 1:1 ile 21:1 arasında değişir. WCAG, normal metin için en az 4,5:1 (AA) ve 7:1 (AAA) oranını önerir.
Büyük metin neyi ifade eder?
WCAG'ye göre büyük metin; 24 piksel (18 punto) ve üzeri normal metin ya da yaklaşık 18,66 piksel (14 punto) ve üzeri kalın metindir. Büyük metin için AA sınırı 3:1'dir.
Logolar kontrast kuralına tabi mi?
Hayır. WCAG'ye göre logo ve marka adlarının parçası olan metinler kontrast şartından muaftır. Yine de okunabilirlik için yeterli kontrast önerilir.
Sosyal medya görsellerinde kontrast neden önemli?
Görseller çoğunlukla küçük ekranlarda, parlak ortamlarda ve hızlıca görüntülenir. Yeterli kontrast mesajın ilk bakışta okunmasını sağlar ve görme güçlüğü olan kullanıcılar için erişilebilirliği artırır.
Profesyonel bir tasarıma mı ihtiyacınız var?
Sosyal medya tasarımları, reklam görselleri, afiş, logo ve kurumsal kimlik projeleriniz için iletişime geçebilirsiniz.