Renk Kontrast Kontrolü
Pijamalı hasta yağız şoföre çabucak güvendi
Pijamalı hasta yağız şoföre çabucak güvendi
Nedir Renk Kontrast Kontrolü
Bu araç, bir metin rengi ile arka plan rengi arasındaki kontrast oranını ölçer ve WCAG 2.1 erişilebilirlik yönergelerine göre değerlendirir. İki rengin bir arada canlı önizlemesini gösterir; çiftin normal ve büyük metin için AA veya AAA'yı geçip geçmediğini söyler. Böylece okunabilirlik sorunlarını üretime çıkmadan yakalarsınız.
Nasıl kullanılır
- İlk alana metin rengini HEX kodu olarak seçin veya yazın.
- İkinci alana arka plan rengini seçin veya yazın.
- Kontrast oranını ve AA/AAA geçti-kaldı rozetlerini kontrol edin.
- Renkleri ters yönde test etmek için değiştir düğmesine tıklayın.
- Tam çifti ekibinizle paylaşmak için URL'yi kopyalayın.
Ne zaman kullanılır
Yeni bir tasarım için gövde metni rengi seçiyorsunuz ama yeterince okunur mu emin değil misiniz? Metin ve arka plan renginizi girin; örneğin #FFFFFF üzerinde #767676 için 4,54:1 oranı çıkar: AA normal metin için geçer, AAA için kalır. Erişilebilir bir ürün ile denetimde işaretlenen bir ürün arasındaki fark budur — ister bir müşteri sitesini inceleyin, ister kendi uygulamanızı yayınlayın.
Sık sorulan sorular
Metin için iyi bir kontrast oranı nedir?
WCAG AA normal metin için en az 4,5:1, büyük metin için (18pt veya 14pt kalın ve üzeri) 3:1 ister. WCAG AAA daha katıdır: normal metin için 7:1, büyük metin için 4,5:1.
Mümkün olan en yüksek kontrast oranı nedir?
21:1 — saf siyah (#000000) ile saf beyaz (#FFFFFF) arasındaki oran. Hiçbir renk çifti bunu aşamaz.
Renklerim AA'da kaldı ama tasarım bana iyi görünüyor. Neden?
Kontrast oranı kişisel beğeniyi değil erişilebilirliği ölçer. Az gören biri veya parlak güneş altında ekrana bakan herkes, tipik görüşe iyi görünen bir çiftten daha fazla kontrasta ihtiyaç duyar.
Bu araç renk körlüğünü de kontrol ediyor mu?
Hayır. Bu araç WCAG formülüne göre parlaklık kontrastını kontrol eder; bu, birçok renk körlüğü türü dahil tüm kullanıcılara fayda sağlar, ancak belirli renk görme eksikliklerini simüle etmez.
Bu aracı girdilerim dolu şekilde paylaşabilir miyim?
Evet. Renkleri seçtikçe URL otomatik güncellenir. Adres çubuğundan kopyalayın veya Paylaş düğmesini kullanın; bağlantıyı açan herkes tam renklerinizi hazır görür.
İlgili araçlar
En Boy Oranı Hesaplama
En boy oranını hesaplayın, eksik genişlik veya yüksekliği bulun ve görselleri, videoları oranı bozmadan yeniden boyutlandırın. Ücretsiz.
Base64 Çözücü
Base64 dizelerini tarayıcınızda anında düz metne çözün. Emojiler dahil tam Unicode çıktı desteği. Ücretsiz online Base64 çözücü.
Base64 Kodlayıcı
Herhangi bir metni tarayıcınızda anında Base64'e kodlayın. Unicode, emoji ve özel karakter desteği. Ücretsiz online Base64 kodlayıcı.