Renk Kontrast Kontrolü
WCAG 2.1 uyumu için renk kontrast oranlarını kontrol edin. AA ve AAA standartlarını anında doğrulayın.
WCAG kontrast oranı nedir?
WCAG kontrast oranı, ön plan ve arka plan renkleri arasındaki parlaklık farkını ölçer. 1:1 ile 21:1 arasındadır.
WCAG AA ve AAA gereksinimleri nelerdir?
WCAG AA normal metin için minimum 4.5:1, büyük metin için 3:1 gerektirir. AAA 7:1 ve 4.5:1 gerektirir.
Büyük metin nedir?
Büyük metin 18pt (24px) veya daha büyük, veya 14pt (18.66px) kalın veya daha büyük olarak tanımlanır.
Renk kontrastı neden önemlidir?
Uygun kontrast, görme engelli kişiler için metnin okunabilir olmasını sağlar ve herkes için okunabilirliği artırır.
Kontrast oranını nasıl hesaplarım?
Bağıl parlaklık değerleri kullanılarak hesaplanır. Formül (L1 + 0.05) / (L2 + 0.05) şeklindedir.
UI öğeleri için minimum kontrast nedir?
WCAG, UI bileşenleri ve grafik nesneler için minimum 3:1 gerektirir.
Herhangi bir renk kombinasyonu kullanabilir miyim?
Tüm kombinasyonlar erişilebilirlik standartlarını karşılamaz. Doğrulamak için bu kontrolcüyü kullanın.
Bağıl parlaklık nedir?
Bir rengin algılanan parlaklığıdır, 0 (siyah) ile 1 (beyaz) arasında. sRGB renk uzayı kullanılarak hesaplanır.
Görüntülerin kontrastını kontrol etmem gerekiyor mu?
Görüntülerdeki metin aynı gereksinimleri karşılamalıdır. Dekoratif görüntüler için geçerli değildir.
Kontrast için hangi araçlar yardımcı olur?
Tarayıcı geliştirici araçlarını, tasarım eklentilerini veya bunun gibi çevrimiçi kontrolcüleri kullanın.
Renk Kontrast Kontrolü Nasıl Kullanılır
Metin ve arayüz kontrastının WCAG 2.1 AA ve AAA eşiklerini karşılayıp karşılamadığını anında kontrol edin — tamamen tarayıcınızda. İki renk girin; oran yerel olarak hesaplanır ve cihazınızdan hiçbir veri çıkmaz.
- Metin rengini Foreground Color alanına yazın veya yapıştırın; HEX, RGB gibi desteklenen herhangi bir biçim geçerli.
- Metnin arkasındaki rengi Background Color alanına girerek kontrast oranını hesaplayın.
- Elde edilen oranı ve normal ile büyük metin boyutları için AA, AAA geçiş rozetlerini okuyun.
- Oran, gövde metni için 4,5:1'i ya da büyük metin ve arayüz bileşenleri için 3:1'i aşana kadar renklerden birini ayarlayın.
- Foreground Color ile Background Color değerlerini takas ederek ters kombinasyonu test edin; örneğin koyu temada açık metin.
AAA (7:1) uzun metinler için güzel bir hedef, ama erişilebilirlik kılavuzlarının çoğunun istediği taban değer 4,5:1 (AA).
İlgili Araçlar
- Renk Seçici Pipet ile ekrandan herhangi bir renk seçin. HEX, RGB, HSL kodlarını anında kopyalayın. Ücretsiz çevrimiçi renk aracı.
- Renk Paleti Oluşturucu Ücretsiz çevrimiçi oluşturucumuzla anında güzel, uyumlu renk paletleri oluşturun. Monokromatik, analog, tamamlayıcı, triadik, split-tamamlayıcı ve tetradik modları destekler. Renkleri HSL kaydırıcılarıyla ayarlayın, favorileri kilitleyin ve CSS, Tailwind, JSON veya SVG olarak dışa aktarın. %100 tarayıcı tabanlı, verileriniz cihazınızdan asla ayrılmaz.
- Renk Körlüğü Simülatörü Ücretsiz çevrimiçi renk körlüğü simülatörü. Protanopi, Deuteranopi, Tritanopi ve diğer türler için tasarımları test edin. %100 özel, tarayıcınızda çalışır.
- GIF Kare Ayırma GIF animasyonlarından tekil kareleri PNG veya sprite sayfası olarak çıkarın ve indirin. Önizleme ve ZIP dışa aktarma destekli ücretsiz çevrimiçi araç.
- GIF Ters Çevir GIF animasyon oynatma sırasını ücretsiz çevrimiçi ters çevirin. Anında yükleyin, önizleyin ve indirin.
- GIF Hız Değiştirici GIF animasyon hızını çevrimiçi değiştirin. GIF dosyalarını anında hızlandırın veya yavaşlatın.
- Video GIF Dönüştürücü Videoyu çevrimiçi animasyonlu GIF'e dönüştürün. Kalite, kare hızı ve çözünürlüğü yükleme yapmadan doğrudan tarayıcınızda ayarlayın.
- Meme Oluşturucu Ücretsiz çevrimiçi meme oluşturucu. Herhangi bir görsele klasik üst/alt yazılar ekleyin, yazıları serbestçe sürükleyin ve memenizi anında PNG veya JPEG olarak indirin.