Renk Kontrastı Kontrolü: WCAG AA ve AAA – Ücretsiz
Ücretsiz, kayıt gerekmez, tarayıcınızda çalışır. WCAG kontrast oranıyla metnin arka planı üzerinde okunabilir olup olmadığını kontrol edin; normal metin, büyük metin ve kontroller için AA ve AAA sonuçlarını görün ve testi geçen en yakın rengi bulun.
Büyük metin böyle okunur
Normal gövde metni böyle görünür. Pijamalı hasta yağız şoföre çabucak güvendi; altında da bir resim yazısı gibi küçük bir not yer alır.
Küçük metin: 14px resim yazısı.
DüğmeKontrast oranı13.08:1
- Normal metin, AA: GeçtiGövde metni, en az 4.5:1
- Normal metin, AAA: GeçtiGelişmiş, en az 7:1
- Büyük metin, AA: Geçti18pt+ veya kalın 14pt+, en az 3:1
- Büyük metin, AAA: GeçtiGelişmiş, en az 4.5:1
- Simgeler ve kontroller, AA: GeçtiDüğmeler, kenarlıklar, grafik çizgileri: 3:1
WCAG 2 kontrast formülünü kullanır. Oranlar asla yukarı yuvarlanmaz, yani 4.49:1, 4.5:1 sayılmaz. Kontrol cihazınızda yapılır.
Neden Renk Kontrastı Kontrolü kullanmalısınız
- %100 ücretsiz
- İstediğiniz sıklıkta kullanın. Kayıt yok, filigran yok, kurulum yok.
- Gizlilik odaklı
- Yazdıklarınız tarayıcınızda kalır ve bize asla gönderilmez.
- Her cihazda çalışır
- Windows, Mac, Linux, Android ve iPhone'da tarayıcınızda çalışır. Uygulama gerekmez.
Renk Kontrastı Kontrolü nasıl kullanılır
- Metin rengini ve arka plan rengini girin veya seçin.
- Kontrast oranını ve geçti/kaldı sonuçlarını okuyun.
- Kalırsa, önerilen ve testi geçen bir renge tıklayın.
Sıkça sorulan sorular
- Hangi kontrast oranına ihtiyacım var?
- WCAG AA, normal metin için 4.5:1, büyük metin ve düğmeler ile simgeler gibi arayüz öğeleri için 3:1 ister. AAA ise 7:1 ve 4.5:1 ister.
- Büyük metin ne sayılır?
- Normal yazıda en az 18 punto (24px) veya kalın yazıda 14 punto (yaklaşık 18.7px).
- Saydam metin renkleriyle çalışır mı?
- Evet. Saydam bir metin rengi, kontrast ölçülmeden önce arka planla karıştırılır.
- 4.49:1 neden geçmiyor?
- WCAG oranların yukarı yuvarlanmaması gerektiğini söyler, bu yüzden 4.5:1'in altındaki her değer normal metin için AA'yı karşılamaz.
- Renk Kontrastı Kontrolü ücretsiz mi?
- Evet. Kullanımı ücretsizdir; kayıt ve kurulum gerekmez.
İlgili araçlar
- HEX'ten RGB'ye Renk DönüştürücüBir rengi şeffaflık dahil tek adımda HEX, RGB, HSL, HSV ve CMYK arasında dönüştürün. Herhangi bir biçimde kod yapıştırın veya renk seçin, ardından ihtiyacınız olan biçimi kopyalayın ve metin kontrastını kontrol edin.
- Renk Paleti OluşturucuBir tuşa basarak renk paletleri oluşturun, beğendiğiniz renkleri kilitleyin ya da bir temel renkten analog, tamamlayıcı veya üçlü uyumlarla palet kurun. CSS değişkenleri, Tailwind veya JSON olarak dışa aktarın.
- Renk Adı BulucuHerhangi bir rengin adını bulun: bir HEX, RGB veya HSL kodu yapıştırın; en yakın CSS renk adlarını, sade bir açıklamayı ve göz atabileceğiniz 148 adlandırılmış rengin tam listesini görün.