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 renginizi seçmek için ilk renk seçiciye tıklayın veya doğrudan bir hex kodu girin.
Kontrast testi için arka plan renginizi seçmek üzere ikinci renk seçiciyi kullanın.
Hesaplanan kontrast oranını kontrol edin ve normal ve büyük metinler için AA/AAA derecelendirmelerini görün.
Renk kombinasyonunuzun gerçek metin içeriğiyle nasıl göründüğünü görmek için canlı önizlemeyi görüntüleyin.
Farklı metin ve arka plan rengi kombinasyonlarını seçtikçe kontrast oranlarını anında hesaplayın.
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.
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.
0-100 arasındaki puanları gösteren sezgisel bir dairesel grafik ile kontrast performansınızı görüntüleyin.
Hem metin hem de arka plan renkleri için yerleşik renk seçici araçlarıyla renkleri kolayca seçin.
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.
Tasarımlarınızın doğru AA ve AAA derecelendirmeleriyle uluslararası erişilebilirlik standartlarını karşıladığından emin olun.
Renkleri ayarlarken anında sonuçları görün, bu da uyumlu kombinasyonları bulmayı kolaylaştırır.
Sezgisel 0-100 puanlama sistemimizle kontrast performansını bir bakışta anlayın.
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.
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.
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.
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.
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.
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.
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.