Görsel ve tasarım araçları
Contrast Checker
Contrast Checker, girdiyi sunucuya göndermeden sonuçları kontrol etmek, dönüştürmek veya hazırlamak için tarayıcıda çalışır.
Input / output
Aa Sample
Text contrast preview
WCAG result
21:1
Recommended color: #000000
Normal text AA
>= 4.5:1
Pass
Normal text AAA
>= 7:1
Pass
Large text AA
>= 3:1
Pass
Large text AAA
>= 4.5:1
Pass
UI component / non-text 3:1
>= 3:1
Pass
CSS code
.sample {
color: #000000;
background: #FFFFFF;
}HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Contrast Checker, görsel ve tasarım akışı için yerel bir tarayıcı aracıdır. Girdi, seçenekler ve sonuç tek sayfada kalır.
How to use it
- Girdiyi yapıştır
İşlenecek değeri giriş alanına yaz veya yapıştır.
- Seçenekleri ayarla
contrast, WCAG, accessibility ile eşleşen modu, biçimi veya birimi seç.
- Sonucu kontrol et
Aracı çalıştır ve sonucu kontrol ettikten sonra kopyala veya indir.
Examples
Contrast Checker örneği
- Input
- Örnek girdi
- Output
- Tarayıcıda kontrol edilmiş çıktı.
Practical tips
- Büyük içerikte küçük bir örnekle başla.
- Reklamlar ana kontrollerin ve sonuç alanlarının dışında kalır.
FAQ
Contrast Checker için hangi girdiyi kullanmalıyım?
Görünen göreve uygun değerleri kullan ve çalıştırmadan önce seçenekleri ayarla.
Contrast Checker sonucunu kopyalayabilir miyim?
Evet. Sonucu kontrol et, sonra kopyala veya indir.
Contrast Checker mobilde çalışır mı?
Evet. Girdi, seçenekler ve sonuç küçük ekranlarda düzenli şekilde dizilir.
Girdim sunucuya gönderilir mi?
Hayır. Araç girdiyi tarayıcıda işlemek için tasarlanmıştır.