Renk Kontrastı Denetleyici

Nasıl yapılır

1. 1
   Kutuları doldurun

   Sayılarınızı yazın ya da ihtiyacınız olan seçenekleri seçin.

2. 2
   Sonucu görün

   Bir değeri değiştirdiğinizde yanıt hemen güncellenir.

3. 3
   Kullanın

   Sonucu kopyalayın ya da not edin. Hiçbir şey hiçbir yere gönderilmez.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Çözümlü örnek

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

En iyi sonuç için ipuçları

Bir sonuca güvenmeden önce her kutuyu kontrol edin, çünkü tek bir yanlış rakam tüm cevabı değiştirir. Maaş bordronuzdan, faturadan, sertifikadan veya sözleşmeden tam rakamları kullanın ve hesapladığınız tarihi not edin. Oranlar, eşikler ve kurallar zaman zaman değişir; vergi, ücret ve hukuki konularda sonucu tahmin olarak görün ve bu sayfada belirtilen resmî kaynakla doğrulayın. İstediğiniz kadar senaryo deneyebilirsiniz; hiçbir şey kaydedilmez ya da gönderilmez, sayfayı yenilemek kutuları temizler.