Kontrast Denetleyici
İki renk arasındaki WCAG kontrast oranını normal ve büyük metin için AA ve AAA sonuçlarıyla hesaplayın, canlı önizlemeyle gözünüzle doğrulayın. Tamamen tarayıcınızda çalışır.
Aa — The quick brown fox jumps over the lazy dog. 0123456789
Aa — Large & bold sample 24px
WCAG thresholds — normal text: AA ≥ 4.5, AAA ≥ 7; large text (≥ 24 px, or ≥ 18.7 px bold): AA ≥ 3, AAA ≥ 4.5.
Bu araç tamamen tarayıcında çalışır. Verilerin asla cihazından çıkmaz — hiçbir sunucuya yüklenmez.
Nasıl kullanılır
- 1Ön plan için hex veya rgb() değeri yazın ya da renk seçiciyi kullanın.
- 2Aynısını arka plan rengi için yapın.
- 3Oranı ve AA / AAA sonuçlarını okuyun ya da bir ön ayara dokunun.
- 4Önizleme bloğuna bakıp uyumu kendi gözünüzle değerlendirin.
Kontrast Denetleyici
Ön plan ve arka plan rengi girin — #333 veya #1F2937 gibi hex, ya da rgb()/rgba() — ve dört önemli eşiğin sonucunu anında görün: normal ve büyük metin için AA ile AAA. Canlı önizlemede bir paragraf ve büyük başlık gerçek renklerle gösterilir.
Hesap, WCAG 2.x'in resmi bağıl parlaklık formülüdür — W3C denetleyicisindekiyle aynı: buradaki 4.5 her yerde 4.5'tir. Ön ayarlar arasında 4.54:1'lik gri bir çift vardır; AA eşiğinin ne kadar dar olduğunu gösterir.
Sık sorulan sorular
Geçmek için hangi kontrast oranı gerekir?
WCAG 2.x'e göre normal metin AA için 4.5:1, AAA için 7:1 ister. Büyük metin — en az 24 px ya da 18.7 px kalın — AA için 3:1, AAA için 4.5:1 ister. Arayüz bileşenleri ve grafikler 3:1 ister.
Oran nasıl hesaplanır?
Her renk sRGB'den doğrusallaştırılır ve L = 0.2126·R + 0.7152·G + 0.0722·B bağıl parlaklığına indirgenir; oran (açık L + 0.05) / (koyu L + 0.05) olur. Bu, WCAG 2.x şartnamesindeki formülün ta kendisidir. 1'in altındaki rgba() alfası hesap öncesi beyaza düzleştirilir.
İlgili araçlar
Renk Dönüştürücü
Bir rengi hex, rgb() veya hsl() olarak yapıştır; üç biçimi de artı tasarım sistemine hazır bir tente-gölge satırı al.
Tüm araçlar →
Renk Seçici
Renk paletinden seç ya da EyeDropper API ile doğrudan ekranından al — hex, RGB ve HSL tek tıkla kopyalanır.
Tüm araçlar →
Not Hesaplayıcı
Ağırlıklı veya puanlı not hesaplayıcı: ödevleri ekleyin, mevcut not ve harfinizi canlı izleyin ve final sınavında tam kaç almanız gerektiğini öğrenin.
Tüm araçlar →
Bu aracı gömün
Tek satırla bu aracı sitenize ekleyin — ziyaretçinin tarayıcısında çalışır.
<iframe src="https://zoyku.com/tr/tools/contrast-checker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — contrast-checker" loading="lazy"></iframe>