Easy24Easy24
PDFGörselVideoMetinDönüştürÜretHesaplaGeliştiriciGüvenlikZaman

Kontrast Denetleyici

Metin ve arka plan renkleri arasında WCAG kontrast oranını kontrol et. Canlı önizleme, AA/AAA seviyeleri, CSS kopyalama ve erişilebilir renk önerisi.

GizliTarayıcıdaAnındaLimitsiz

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar.

Büyük başlık metni

15.26:1

  • AA — normal metinGeçer · 4.5:1
  • AA — büyük metin (18pt+ / 14pt kalın)Geçer · 3:1
  • AAA — normal metinGeçer · 7:1
  • AAA — büyük metinGeçer · 4.5:1
  • UI bileşenleri ve grafiklerGeçer · 3:1

WCAG 2.1 normal metin için 4.5:1 (AA) ve 7:1 (AAA) ister. Büyük metin 3:1 (AA) veya 4.5:1 (AAA). Metin dışı UI öğeleri 3:1.

Nasıl çalışır

1

Renk seç

Renk seçici veya hex ile ön plan (metin) ve arka plan ayarla. Değiştir ile yer değiştir veya hazır renk seç.

2

Oran ve seviyeleri incele

Kontrast oranı anında güncellenir. Geçti/kaldı satırları normal metin, büyük metin ve UI bileşenleri için AA ve AAA gösterir.

3

Kopyala veya düzelt

CSS renk tanımlarını kopyala. AA başarısızsa önerilen erişilebilir ön plan rengini tek tıkla uygula.

Neden renk kontrastı kontrol edilmeli?

Düşük kontrastlı metin en yaygın erişilebilirlik hatalarından biridir. UI renklerini yayınlamadan önce oranları kontrol etmek düşük görüşlü kullanıcılar için okunabilirliği artırır ve WCAG denetimlerini geçmeye yardımcı olur.

Neden bu araç

  • WCAG 2.1 kontrast oranı
  • AA ve AAA normal + büyük metin
  • UI bileşeni 3:1 kontrolü
  • Canlı metin önizlemesi
  • CSS kopyalama
  • Ücretsiz planda limitsiz kullanım

Sorular

Hangi kontrast oranı gerekir?

Normal metin: AA için 4.5:1, AAA için 7:1. Büyük metin (18pt+ veya 14pt kalın): AA için 3:1, AAA için 4.5:1. UI grafikleri: 3:1.

Kontrast oranı nasıl hesaplanır?

WCAG 2.1 göreli parlaklık formülü: (LAçık + 0.05) / (LKoyu + 0.05); L sRGB kanallarından hesaplanır.

RGB renk girebilir miyim?

Birincil biçim hex (#2563eb). rgb(37, 99, 235) hex alanına yapıştırıldığında da ayrışır.

Öneri ne yapar?

AA normal metin başarısızsa arka planınıza karşı 4.5:1'e ulaşan bir ön plan rengi (genelde siyaha veya beyaza yakın) önerir.

Verilerim sunucuya gider mi?

Hayır. Tüm hesaplamalar bu sekmede çalışır.

Günlük limit var mı?

Hayır. Bu araç ücretsiz planda limitsizdir.

Easy24 işine yaradıysa kahve ısmarla

Araçlar tarayıcıda ücretsiz kalır. Kreosus üzerinden tek seferlik destek verirsin. Türkiye kartları geçer.

Kahve ısmarla

Benzer Geliştirici araçları

Tümünü gör

JSON Biçimlendirici

Geliştirici

JSON'u tarayıcıda güzelleştir, küçült, doğrula ve anahtarları sırala. 2 veya 4 boşluk girinti, dosya içe aktarma ve indirme.

Aç

Meta Etiket Üretici

Geliştirici

SEO başlık, açıklama, Open Graph, Twitter Card ve canonical etiketlerini canlı sosyal önizleme ile oluştur. Tarayıcıda çalışır.

Aç

CSS Gradyan Oluşturucu

Geliştirici

Doğrusal ve radyal CSS gradyanları tasarla; üç renk durağına kadar. Canlı önizleme, hazır şablonlar, hex girişi, kopyala veya indir.

Aç