Renk seçici ve kontrast denetleyici
Seçiciyle bir renk seçin veya herhangi bir biçimde yazın. HEX, RGB, HSL, HSV ve CMYK olarak görün, açık tonlar, koyu tonlar ve uyumlu renkler alın ve iki renkteki metnin erişilebilirlik için WCAG kontrast yönergelerini karşılayıp karşılamadığını kontrol edin.
Renkler
Renk seçici ve kontrast denetleyici hakkında
Seçiciyle bir renk seçin veya herhangi bir biçimde yazın. HEX, RGB, HSL, HSV ve CMYK olarak görün, açık tonlar, koyu tonlar ve uyumlu renkler alın ve iki renkteki metnin erişilebilirlik için WCAG kontrast yönergelerini karşılayıp karşılamadığını kontrol edin.
SmartCalcy'nin “Dosyalar, görseller ve tasarım” bölümünün bir parçasıdır. Hesap gerektirmeden tarayıcınızda çalışır, kendi para biriminizi ve birimlerinizi kullanır (sayfanın üstünden değiştirebilirsiniz) ve yalnızca bilgi amaçlı tahminler verir; bir sonuca güvenmeden önce resmî kaynakları kontrol edin.
Renk seçici ve kontrast denetleyici nasıl kullanılır
Ne hesaplar ve ne zaman kullanılır
Renkleri seçer ve HEX, RGB, HSL, HSV ve CMYK arasında dönüştürür; açık tonlar, koyu tonlar ve uyumlu renkler önerir ve metin kontrastını WCAG erişilebilirlik yönergelerine göre kontrol eder.
Adım adım nasıl kullanılır
- Seçiciyle bir renk seçin veya HEX, RGB, HSL ya da renk adı olarak yazın.
- Kontrastı kontrol etmek için bir arka plan rengi seçin.
- Herhangi bir biçimi tek tıkla kopyalayın.
- Bir palet için açık tonları, koyu tonları ve uyumlu renkleri kullanın.
Her girdinin anlamı
- Renk – SmartCalcy mavisi #2443C8 ile başlar.
- Arka plan – Beyazla başlar.
Sonuçlar nasıl okunur
- Kontrast oranı – 1:1'den 21:1'e kadar; normal ve büyük metin için AA ve AAA sonuçlarıyla.
- Biçimler – HEX, RGB, HSL, HSV ve CMYK.
- Açık ve koyu tonlar – Daha açık ve daha koyu sürümler.
- Uyumlu renkler – Tamamlayıcı, analog ve üçlü.
Formül
Kontrast oranı = (L1 + 0,05) ÷ (L2 + 0,05); burada L1 ve L2 açık ve koyu renklerin bağıl parlaklıklarıdır. WCAG AA normal metin için 4,5:1, büyük metin için 3:1 ister; AAA ise 7:1 ve 4,5:1 ister.
Çözümlü bir örnek
Başlangıç renkleriyle, beyaz üzerinde #2443C8'in kontrast oranı 7,74:1'dir; bu da tüm metin boyutları için AAA'yı geçer.
Varsayımlar ve sınırlar
- CMYK değerleri basit bir dönüşümdür, renk yönetimli bir baskı profili değildir.
- Kontrast sonuçları WCAG 2 formülünü izler.
Yaygın hatalar
- Kontrastı yalnızca büyük metinde kontrol edip rengi küçük metin için kullanmak.
- Anlamı göstermek için yalnızca renge güvenmek.
Sıkça sorulan sorular
Hangi kontrast oranına ihtiyacım var?
WCAG AA'yı karşılamak için normal metinde en az 4,5:1, büyük metinde 3:1.
Büyük metin özel bir boyut mu?
Evet: en az 24 px veya kalın yazıda yaklaşık 18,7 px.
Renk adı yazabilir miyim?
Evet, teal veya tomato gibi herhangi bir CSS renk adı çalışır.
İlgili araçlar
| Seviye | Normal metin | Büyük metin |
|---|---|---|
| AA | Geçti | Geçti |
| AAA | Geçti | Geçti |
Biçimler
- HEX
- RGB
- HSL
- HSV
- CMYK