Tarayıcı içi

Renk Kontrast Kontrolü

design

WCAG uyumluluğu için renk kontrast erişilebilirlik oranlarını doğrulayın.

Initializing tool...

🔒 Bu araç tamamen tarayıcınızda çalışır. Hiçbir şey sunucuya yüklenmez veya gönderilmez.

Renk Kontrast Kontrolü Nasıl Kullanılır

1Renk HEX/RGB değerlerinizi seçin veya girin ya da incelemek için bir görsel yükleyin.
2Gerçek zamanlı güncellemeleri görmek için degradeleri, kaydırıcıları veya renkleri ayarlayın.
3Oluşturulan CSS kodunu, degrade stil sayfalarını veya kontrast oranlarını kopyalayın.
4CSS'i doğrudan web tasarımınızda veya yazılım projenizde kullanın.

WCAG UyumluKontrast denetleyici, AA ve AAA okunabilirliğini doğrulamak için resmi WCAG 2.1 formüllerini kullanır.

CSS HazırDoğrusal ve dairesel degradeler oluşturun ve temiz, ön ekli CSS'i kopyalayın.

Çevrimdışı Görsel Renk SeçiciGörselleri yükleyin ve tarayıcı tuvallerini kullanarak yerel olarak renkleri seçin.

A:Evet. Ön plan ve arka plan renklerinizi kontrol eder ve WCAG AA ve AAA standartlarına uygunluğu doğrulamak için bağıl parlaklığı hesaplar.

A:Projenize kopyalayıp yapıştırmaya hazır, özel açılar ve renk duraklarıyla standart CSS stilleri (örn. linear-gradient) oluşturur.

A:Evet, Palet Ayıklayıcımız baskın renk paletlerini kümelemek ve çıkarmak için görsel piksel verilerini yerel olarak ayrıştırır.

Ekran görüntülerine güzel sahte tarayıcı çerçeveleri, gölgeler ve degrade arka planlar ekleyin.

Renkleri inceleyin, eşleşen paletler oluşturun ve HEX/RGB/HSL değerlerini kopyalayın.

Doğrusal ve dairesel gradyanları görsel olarak düzenleyin ve temiz CSS kodunu kopyalayın.

Özel renkler ve etiketlerle sürükle-bırak yöntemiyle özel sıralamalar oluşturun.