🛠️ Tarayıcı Aracı
Web erişilebilirliği uyumluluğu için renk kontrast oranlarını kontrol edin. Metin ve arka plan rengi kombinasyonlarını WCAG yönergelerine göre gerçek zamanlı önizleme, erişilebilirlik derecelendirmeleri ve iyileştirme önerileriyle test edin.
Metin Rengini Seçin
Metin renginizi seçmek için ilk renk seçiciye tıklayın veya doğrudan bir hex kodu girin.
Arka Plan Rengini Seçin
Kontrast testi için arka plan renginizi seçmek üzere ikinci renk seçiciyi kullanın.
Kontrast Sonuçlarını Gözden Geçirin
Hesaplanan kontrast oranını kontrol edin ve normal ve büyük metinler için AA/AAA derecelendirmelerini görün.
Tasarımınızı Önizleyin
Renk kombinasyonunuzun gerçek metin içeriğiyle nasıl göründüğünü görmek için canlı önizlemeyi görüntüleyin.
Gerçek Zamanlı Kontrast Testi
Farklı metin ve arka plan rengi kombinasyonlarını seçtikçe kontrast oranlarını anında hesaplayın.
WCAG Uyumluluk Derecelendirmeleri
Web İçeriği Erişilebilirlik Yönergelerine göre hem normal hem de büyük metinler için AA ve AAA derecelendirmeleri alın.
Canlı Önizleme Paneli
Renk kombinasyonlarınızın hem normal hem de büyük boyutlarda örnek metinle tam olarak nasıl görüneceğini görün.
Görsel Puan Göstergesi
0-100 arasındaki puanları gösteren sezgisel bir dairesel grafik ile kontrast performansınızı görüntüleyin.
Etkileşimli Renk Seçiciler
Hem metin hem de arka plan renkleri için yerleşik renk seçici araçlarıyla renkleri kolayca seçin.
Erişilebilirlik İpuçları
Kontrastı iyileştirmek ve erişilebilirlik standartlarını karşılamak için pratik öneriler alın.
Renk kontrast denetleyici, metin ve arka plan renkleri arasındaki parlaklık farkını ölçen bir araçtır. İçeriğin renk körlüğü ve düşük görme dahil olmak üzere görme engelli kullanıcılar için okunabilir olmasını sağlamak amacıyla WCAG (Web İçeriği Erişilebilirlik Yönergeleri) standartlarına göre kontrast oranlarını hesaplar.
WCAG Uyumluluğu
Tasarımlarınızın doğru AA ve AAA derecelendirmeleriyle uluslararası erişilebilirlik standartlarını karşıladığından emin olun.
Gerçek Zamanlı Geri Bildirim
Renkleri ayarlarken anında sonuçları görün, bu da uyumlu kombinasyonları bulmayı kolaylaştırır.
Görsel Puan Sistemi
Sezgisel 0-100 puanlama sistemimizle kontrast performansını bir bakışta anlayın.
Kurulum Gerektirmez
Tarayıcınızda herhangi bir yazılım indirmeden renk kombinasyonlarını anında test edin.
Normal metinler için, AA uyumluluğu için en az 4.5:1 veya AAA için 7:1 hedefleyin. Büyük metin (18pt veya 14pt kalın) AA için 3:1 veya AAA uyumluluğu için 4.5:1 gerektirir.
AA, çoğu düzenleme tarafından istenen standart erişilebilirlik uyumluluğu seviyesidir. AAA, en yüksek seviye olup, daha şiddetli görme bozukluğu olan kullanıcılar için gelişmiş erişilebilirlik sağlar.
Kontrast oranı, WCAG yönergeleri tarafından tanımlandığı gibi renklerin göreli parlaklığı kullanılarak hesaplanır. 1:1 (kontrast yok) ile 21:1 (maksimum kontrast) arasında değişir.
Büyük metin, 18 punto (24 piksel) veya daha büyük, ya da kalın ise 14 punto (18.66 piksel) veya daha büyük olarak tanımlanır. Büyük metinlerin daha esnek kontrast gereksinimleri vardır.
İyi renk kontrastı, görme engelli, renk körü olan veya içeriği parlak güneş ışığında ya da kötü ekranlarda görüntüleyen kullanıcılar da dahil olmak üzere herkes için içeriğin okunabilir olmasını sağlar.
Araç, hex renk kodlarını kabul eder. Diğer formatlardan (RGB, HSL vb.) hex'e çevrimiçi dönüştürücüler veya tasarım araçları kullanarak dönüştürebilirsiniz.
renk
View all →Etkileşimli Renk Çarkı
Etkileşimli renk çarkımızla çarpıcı renk uyumları oluşturun. Tamamlayıcı, üçlü, analog ve diğer renk şemalarını üretin. CSS, SCSS, Tailwind, PNG, PDF veya JSON olarak dışa aktarın.
Görsel Renk Seçici Online
Herhangi bir görselden çevrimiçi olarak ücretsiz renkleri çıkarın. Bir görsel yükleyin, renkleri seçmek için tıklayın ve HEX, RGB, HSL ve CMYK değerlerini alın. Renk paletleri oluşturun ve dışa aktarın.
Popüler Renk Geçişleri Kütüphanesi
100'den fazla çarpıcı renk geçişinden oluşan özenle seçilmiş koleksiyonumuzu keşfedin. Bireysel renkleri görmek, CSS kodunu anında kopyalamak ve tasarımlarınız için mükemmel gradient kombinasyonlarını bulmak için gradient örneklerine tıklayın.
Popüler Renk Kütüphanesi
20 kategoriye ayrılmış, 500'den fazla popüler adlandırılmış renkten oluşan kapsamlı kütüphanemize göz atın. Renkleri isme veya HEX koduna göre arayın, değerleri anında kopyalayın ve temelden vintage'a kadar renk gruplarını keşfedin.
Popüler Renk Paletleri Kütüphanesi
Kategoriye göre düzenlenmiş 200'den fazla profesyonel renk paletine göz atın. Renkleri anında kopyalayın, paletleri favorilerinize ekleyin, CSS, JSON, PNG veya PDF olarak dışa aktarın. Tasarımcılar ve geliştiriciler için mükemmeldir.
Renk Paleti Görüntüleyici ve Oluşturucu
Gelişmiş özelliklerle renk paletleri oluşturun, görüntüleyin ve yönetin. Renk teorisi kullanarak paletler oluşturun, çeşitli formatlardan içe aktarın, erişilebilirlik kontrastını kontrol edin ve CSS, SCSS, Tailwind, JSON veya PNG formatlarına aktarın.