Herhangi bir renk çiftini WCAG AA ve AAA'ya göre kontrol edin, başarısızsa düzeltme önerisi alın.
Büyük metin, yaklaşık 24px olan 18pt ya da yaklaşık 18.66px kalın olan 14pt kalın demektir.
Büyük metin örneği
Tipik boyutta normal gövde metni; geçmesi en zor durum budur.
Normal metin
Büyük metin (18pt veya 14pt kalın)
Normal metin
Büyük metin (18pt veya 14pt kalın)
Simgeler, kenarlıklar ve form ögeleri
Renk kutusunu kullanın ya da hex değeri yazın. Ön plan metin veya simge, arka plan ise arkasında duran şeydir. Ters girdiyseniz yer değiştirin.
Oran 1 ile 21 arasındadır. Rozetler, normal metin, büyük metin ve simge ile giriş kenarlığı gibi metin dışı ögeler için hangi WCAG seviyelerinin geçtiğini söyler.
Çift AA'yı kaçırdığında araç, kendi renginizin geçecek en yakın açıklık değerini hesaplar; böylece genel bir griye kaçmak yerine renk tonunuzu korursunuz.
WCAG AA normal metin için 4.5'e 1, büyük metin için 3'e 1 ister. AAA bunları 7 ve 4.5'e çıkarır. Simge ve giriş kenarlığı gibi metin dışı ögeler AA'da 3'e 1 gerektirir.
Yaklaşık 24 piksel olan 18pt ya da yaklaşık 18.66 piksel kalın olan 14pt kalın. Altındakiler normal metin sayılır ve daha yüksek eşiği geçmek zorundadır.
Formülün üretebileceği azami değer budur. Oran göreli parlaklığı karşılaştırır ve siyah ile beyaz iki uçtur, dolayısıyla hiçbir şey daha yüksek puan alamaz.
Hayır. Formül her zaman açık olanın parlaklığını koyu olana böler, bu yüzden çift her iki yönde de aynı puanı alır. Yer değiştirme düğmesi kolaylık içindir, sonucu değiştirdiği için değil.
Çoğu erişilebilirlik politikasının istediği seviye budur ve makul bir asgaridir. İnsanların uzun süre okuduğu içerik ağırlıklı sayfalarda gövde metni için AAA'yı hedeflemeye değer.
Hayır. Kontrast birkaç gereklilikten biridir. Renk asla bilgiyi ileten tek yol olmamalı ve odak durumlarının kendi görünür kontrastı bulunmalıdır.
Renk tonunuzu ve doygunluğunuzu korur, açıklığı arka planın gerektirdiği yönde kaydırır ve 4.5'i geçen ilk değerde durur. Böylece düzeltme renginizi değiştirmek yerine marka içinde kalır.
Evet, tamamen ücretsiz ve üyeliksiz.
Canlı önizleme ve CSS çıktısı ile HEX, RGB ve HSL formatları arasında renk dönüştürün.
Aracı AçTek bir hex değerini Tailwind v4, v3 veya CSS değişkenleri için 50-950 skalasına çevirin.
Aracı AçBir görselin baskın renklerini hex, HSL ve oranlarıyla çıkarın.
Aracı Aç