Slop Colors · ücretsiz, tarayıcınızda

Renk kontrastını WCAG’ye göre denetleyin

Beyaz üzerine gri metin şık görünür, ta ki kimse okuyamayana kadar. İki rengi yazın; Slop Colors WCAG oranını, hangi seviyelerin geçtiğini ve bunu sağlayan en yakın metin rengini verir.

Kontrastı denetleyin

Nasıl yapılır

1. Kontrast denetimi (WCAG 2) bölümüne gidin ve metin rengini ile arka plan rengini HEX, RGB, HSL ya da OKLCH olarak yazın.
2. Oranı ve beş sonucu okuyun: normal metin için AA ve AAA, büyük metin için AA ve AAA, arayüz öğeleri ve grafikler.
3. Örneğe bakın: iki renginizle büyük metin ve bir paragraf.
4. Normal metinde AA başarısızsa Metin rengini düzelt’e tıklayın: metin rengi tonunu korur ve geçecek kadar yalnızca açık ya da koyu olur.
5. Renkleri tersine denetlemek için Yer değiştir’e tıklayın.

Dosyalarınız bu cihazda kalır: Slop Colors tarayıcınızda çalışır; yükleme yok, hesap yok, filigran yok.

Sorular

WCAG hangi oranları ister?

AA seviyesi, normal metin için 4,5:1, büyük metin için (24 px ya da kalın 18,66 px) 3:1 ve arayüz öğeleri ile grafikler için ister. AAA seviyesi 7:1 ve 4,5:1 ister.

Neden 4,48 değil de 4,47 gösteriyor?

Oran, WebAIM’in denetleyicisinin gösterdiği gibi aşağı yuvarlanır; bu yüzden 4,499 olan bir çift hiçbir zaman 4,5’i geçiyor gibi gösterilmez.

Ekranımdaki bir rengi denetleyebilir mi?

Chrome ve Edge’de Ekrandan seç, ekranınızdaki herhangi bir pikseli seçer. Sonra panelden metin rengi ya da arka plan olarak kullanın.

Bir şey yükleniyor mu?

Hayır. Renkler tarayıcınızdaki sayfa tarafından denetlenir; hiçbir şey bir yere gönderilmez.

Slop Colors ile daha fazlası

• Bir resimden renk seçin
• Tek bir renkten renk paleti üretin
• HEX’i RGB, HSL, OKLCH ya da CMYK’ye dönüştürün

İlgili uygulamalar

• PhotoSlop
  Canlı
  Photoshop, tarayıcı için yeniden yapıldı.
• SlopVector
  Canlı
  Illustrator, tarayıcı için yeniden yapıldı.
• SlopIsolate
  Beta
  Cihazınızda çalışan YZ ile arka planları kaldırın.