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.
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
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ç.
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.
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. Kontrast Denetleyici, Easy24’ün geliştirici araçlarından biridir. Normal kullanımda girdin bu sekmede kalır; Easy24 bu içeriği işlemek için yüklemez. Bu aracın günlük ücretsiz plan tavanı yoktur; istediğin kadar kullan. Tipik akış: Renk seçici veya hex ile ön plan ve arka plan seç. Oran ve WCAG geçti/kaldı seviyeleri canlı güncellenir. CSS kopyala veya önerilen erişilebilir rengi uygula. Takip adımı yaygınsa sayfada ilgili araçlar ve ters dönüşümler görünür.
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.
Easy24 işine yaradıysa kahve ısmarla
Araçlar ücretsiz kalır. Teşekkür etmek istersen tek seferlik bağış yapabilirsin.
Kontrast Denetleyici ne zaman kullanılır
Kontrast Denetleyici, birkaç dakikalığına açıp işi bitirip kapattığınız ve yükleme izi bırakmayan araçlardan biridir. Metin ve arka plan renkleri arasında WCAG kontrast oranını kontrol et. Geliştirici yardımcıları küçük işlerde sürtünmeyi azaltır: biçimlendirme, parçacıklar, renkler, yükleyiciler ve diğer ön yüz yardımcıları. Yalnızca Kontrast Denetleyici için masaüstü paketi kurmakla kıyaslandığında, özel bir sayfa arayüzü küçük ve amacı net tutar. Kota çerezleri anonim günlük ücretsiz plan kullanımlarını izleyebilir. Bu, dosya baytlarınızı veya yapıştırılan metni almak demek değildir. Bu sayfanın günlük ücretsiz plan tavanı yoktur; istediğiniz kadar çalıştırabilirsiniz. Ücretsiz plan limiti varsa çalışma alanı indirmeden önce kalan kullanımları gösterir, böylece uzun bir bekleyişten sonra sürpriz olmaz. Easy24’te araç sayfaları İngilizce ve Türkçe senkron tutulur; davranış aynı kalır.
Benzer Geliştirici araçları
Tümünü görJSON 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ç