TR

Renk kontrast kontrolü

Yazı renginin arka planında okunur olup olmadığını kontrol et. İki rengi gir; WCAG kontrast oranını, geçti ya da kaldı sonuçlarını ve canlı önizlemeyi gör.

Ücretsiz ve gizli. Her şey tarayıcında çalışır, hiçbir şey yüklenmez.

Nasıl kullanılır

  1. Rengi girDeğeri giriş kutusuna yaz ya da yapıştır.
  2. Sonucu kopyalaDönüştürülmüş değer listenin en üstündedir.
  3. Daha fazlasına bakDiğer biçimler, kontrast ve tonlar aşağıdadır.

Herkes için okunur

Her on iki erkekten biri bir tür renk görme eksikliği yaşar; çok daha fazla kişi ekranı parlak güneş ışığında ya da yaşlanan gözlerle okur. Web İçeriği Erişilebilirlik Yönergeleri bu yüzden en düşük kontrast oranları belirler: AA seviyesinde normal yazı için 4.5:1, büyük yazı ve arayüz öğeleri için 3:1; AAA seviyesinde 7:1 ve 4.5:1.

Oran, iki rengin göreli parlaklığından tam olarak WCAG 2'nin tanımladığı gibi hesaplanır. Koyu zeminde açık yazıyı denemek için Değiştir'i kullan; sonuç geçene kadar paletten daha koyu ya da daha açık bir ton seç. Kamu sitelerinde ve erişilebilirlik denetimlerinde istenen kontrolleri bu şekilde önceden yapabilirsin.

Saydam renkler

Yazı renginde saydamlık varsa önce arka planla karıştırılır; böylece oran kullanıcıların gerçekte gördüğüyle aynı olur.

Sık sorulan sorular

Büyük yazı ne sayılır?

En az 24 piksel normal ya da yaklaşık 19 piksel kalın yazı. Büyük yazı AA için 3:1 oran ister.

Hangi renk biçimlerini yazabilirim?

CSS'te geçerli her şeyi: 3, 4, 6 ya da 8 haneli HEX, rgb(), hsl(), hwb(), lab(), oklch() ve renk adları.

CMYK değeri baskı için kesin mi?

Yazıcı profili olmadan yapılan basit bir dönüşümdür. Profesyonel baskı için matbaanın profilindeki CMYK değerlerini kullan.

Hangi kontrast oranı gerekiyor?

WCAG AA, normal yazı için 4.5:1, büyük yazı ve arayüz parçaları için 3:1 ister.

OKLCH neden önemli?

İnsanların açıklığı algılama biçimine uyar; OKLCH ile yapılan paletler ve geçişler dengeli görünür.