Renklerinizi Herkes Icin Erisilebilir Yapin

WCAG 2.1 standartlarina gore renk kontrast oranlarini aninda kontrol edin. Renk korlugu simulasyonu yapin, erisilebilir paletler olusturun.

--:1

Kontrast Orani

AA Normal AA Buyuk AAA Normal AAA Buyuk
Canli Onizleme
Buyuk Baslik Metni Normal boyutta ornek paragraf metni. Kucuk boyutta aciklama metni icin ornek.
Detayli Kontrast Kontrolu Palet Olustur

Erisilebilik Araclari

Tasarimlarinizi herkes icin erisilebilir hale getirmek icin ihtiyaciniz olan her sey.

Kontrast Kontrolu

WCAG 2.1 AA ve AAA standartlarina gore renk ciftlerinin kontrast oranini aninda hesaplayin. Normal ve buyuk metin icin ayri sonuclar.

Renk Korlugu Simulasyonu

Protanopi, deuteranopi ve tritanopi dahil 7 farkli renk gorme bozuklugunu simule edin. Renklerinizin herkes icin nasil gorundugunu kontrol edin.

Palet Olusturucu

Tamamlayici, analog, uclu ve daha fazla renk harmonisi ile erisilebilir paletler olusturun. CSS, JSON veya Tailwind formatinda disari aktarin.

Gelistirici Dostu

Paletlerinizi CSS degiskenleri, JSON veya Tailwind yapilandirma dosyasi olarak disari aktarin. Dogrudan projenize entegre edin.

Populer Erisilebilir Paletler

WCAG standartlarini karsilayan, kullanima hazir renk paletleri.

Okyanus

5 renk AA Uyumlu

Orman

5 renk AAA Uyumlu

Gunbatimi

5 renk AA Uyumlu
Kendi Paletini Olustur

WCAG Kontrast Standartlari

Web Icerik Erisilebilik Yonergeleri (WCAG) 2.1

AA Seviyesi - Minimum Kontrast

Normal metin: En az 4.5:1 kontrast orani gereklidir.
Buyuk metin (18pt+ veya 14pt+ kalin): En az 3:1 kontrast orani gereklidir.
UI bilesenleri ve grafikler: En az 3:1 kontrast orani gereklidir.

AAA Seviyesi - Gelistirilmis Kontrast

Normal metin: En az 7:1 kontrast orani gereklidir.
Buyuk metin (18pt+ veya 14pt+ kalin): En az 4.5:1 kontrast orani gereklidir.

Neden Onemli?

Dunya nufusunun yaklasik %8'i (erkeklerin %8'i, kadinlarin %0.5'i) bir tur renk gorme bozukluguna sahiptir. Yeterli kontrast orani, iceriginisin tum kullanicilar icin okunabilir olmasini saglar.