İçeriğe geç
uxTools
Renk & Palet

Renk Kontrast Denetleyicisi

Ön ve arka plan seç, kontrast oranını AA / AAA rozetleriyle gör, çoklu metin boyutunda önizle, geçen alternatif renk önerileri al ve sonucu ana renk körlüğü tipleri için simüle et.

Kontrast oranı

14.0:1

Geçilen en yüksek seviye

AAA · Normal metin

Kalınan en düşük seviye

Yok

Canlı önizleme

Seçilen renklerle yazı stilleri.

Canlı önizleme

Seçilen renklerle yazı stilleri.

Küçük gövde metni (12px)

Varsayılan gövde (14px)

Büyük gövde (16px)

Büyük kalın metin (18.66px • WCAG büyük)

Başlık (24px)

Vurgu başlığı (32px kalın)

Erişilebilirlik kılavuzuna git

WCAG kararı

Bu çiftin WCAG 2.x eşiklerindeki konumu.

Kontrast oranı

14.0:1

Gövde metinde AAA seviyesini geçiyor — her yerde güvenli.

1:134.5721:1
AA · Normal metin
>= 4.5Geçti
AAA · Normal metin
>= 7Geçti
AA · Büyük metin
>= 3Geçti
AAA · Büyük metin
>= 4.5Geçti
AA · Arayüz öğeleri
>= 3Geçti

Düzelt

AA kontrast (>= 4.5:1) seviyesine ulaşan hazır alternatifler.

Zaten AA seviyesindesin — düzeltmeye gerek yok.

Renk körlüğü simülasyonu

Önizlemeyi renk görme eksikliği olan biri nasıl görür gibi göster.

Önizlemeyi renk görme eksikliği olan biri nasıl görür gibi göster.

Hızlı şablonlar