Sign in / Register Book a Demo Corpowid video – All-in-one smart business solution
Corpowid - enEN
Renk Kontrastı Kontrol Aracı

WCAG renk kontrastı kontrol aracı

Herhangi bir metin ve arka plan renk çiftini WCAG 2.2 AA ve AAA standartlarına göre test edin. Kontrast yetersizse, standartları karşılayan en yakın renk önerilerini alın.

İki renk seçin

Hazır bir renk çifti deneyin

4.54 : 1

AA’yı geçiyor

Normal metin için yasal asgari standardı karşılıyor.

Canlı önizleme

Her sayfayı herkes için erişilebilir hale getirin.

16 piksel gövde metni; içeriğinizin büyük kısmında kullanılan boyut. Bunu rahatça okuyabiliyorsanız...

Belirli bir metin boyutunu test edin

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar

Normal metin

24 px’in altı veya kalın ise 18,66 px’in altı

  • AAgerekir 4.5:1
  • AAAgerekir 7:1

Büyük metin

24 px ve üzeri veya kalın ise 18,66 px ve üzeri

  • AAgerekir 3:1
  • AAAgerekir 4.5:1

Arayüz bileşenleri

Kenarlıklar, simgeler, odak halkaları, grafik çizgileri

  • AAgerekir 3:1
  • AAAWCAG tarafından tanımlanmamışN/A

Standardı karşılayan en yakın renkler

Aynı ton, en küçük değişiklik. Uygulamak için birini seçin.

Renk Kontrastı Kontrol Aracı

WCAG renk kontrastı kontrol aracı

Herhangi bir metin ve arka plan renk çiftini WCAG 2.2 AA ve AAA standartlarına göre test edin. Kontrast yetersizse, standartları karşılayan en yakın renk önerilerini alın.

İçerik AAYasal asgari standart AAAGeliştirilmiş WCAG 2.2 kriteri
Normal metinGövde metni, etiketler, bağlantılar 4.5:1 7:1 1.4.3 Kontrast (Minimum)1.4.6 Kontrast (Geliştirilmiş)
Büyük metin24 px veya kalın ise 18,66 px 3:1 4.5:1 1.4.3 Kontrast (Minimum)1.4.6 Kontrast (Geliştirilmiş)
Arayüz bileşenleri ve grafiklerGiriş alanı kenarlıkları, simgeler, odak halkaları, grafik çizgileri 3:1 Tanımlanmamış 1.4.11 Metin Dışı Kontrast

Where AA is the legal bar

The European Accessibility Act, ADA case law and Türkiye's digital accessibility circular all point to WCAG 2.x Level AA. AAA is a stretch goal for specific content.

Contrast is not only text

Form field borders, icons and focus indicators need 3:1 against what sits next to them. Many sites that pass on text still fail here.

Exact values count

A ratio of 4.499 does not meet 4.5. This tool never rounds up before deciding pass or fail.

Good to know

Common questions

Short answers about contrast ratios, WCAG levels and what this checker covers.

WCAG compares the relative luminance of the two colors: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color. The result runs from 1:1 (no contrast) to 21:1 (black on white). We do not round up, so 4.499:1 is reported as a fail for 4.5:1.
Text that is at least 24 px (18 pt) regular, or at least 18.66 px (14 pt) bold. Large text only needs 3:1 for AA and 4.5:1 for AAA, because bigger letters are easier to read.
Logos and text in disabled controls are exempt. Placeholder text is not exempt: if it carries information, it needs 4.5:1 like any other text. Icons, input borders and focus indicators need 3:1 against the colors next to them.
Keep the brand color for large headings, buttons with large labels or decorative areas, and use a darker or lighter shade of the same hue for body text. The suggestions above find the closest shade that passes, so the change stays as small as possible.
No. This tool checks one color pair at a time. To find every contrast issue across your pages, run a full scan with the Corpowid accessibility audit.

Corpowid, Gartner tarafından tanınan bir platformdur.

Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.

Corpowid hakkında sorularınız mı var?

Bizimle iletişime geçin.

Size en kısa sürede geri dönüş sağlayacağız.