ANASAYFA/ÜCRETSİZ ARAÇLAR/RENK PALETİ VE KONTRAST KONTROLÜ
Renk Paleti & Kontrast
Marka renginizden açık-koyu ton skalası ve uyumlu renk önerileri üretin. Metin ve arka plan renklerinin okunabilirliğini WCAG standartlarına göre test edin; renk kodlarını HEX, RGB ve CSS değişkeni olarak kopyalayın.
Özellikler
Tutarlı ve okunabilir renkler.
Ana renginizden 50–900 arası 10 tonluk skala; arayüz tasarımına hazır.
Tamamlayıcı, analog ve üçlü renk uyumları.
Metin okunabilirliği için AA ve AAA seviyelerinde test.
Seçtiğiniz renkleri başlık, metin ve buton üzerinde görün.
Renge tıklayın, HEX kodu panoya kopyalansın.
Tüm paleti CSS değişkenleri olarak alın.
Sık sorulanlar
Renk ve kontrast hakkında.
WCAG kontrast oranı nedir?
Metin ile arka plan arasındaki parlaklık farkını ölçer. Normal metin için en az 4,5:1 (AA), büyük metin için 3:1 önerilir; AAA seviyesi 7:1'dir.
Kontrast neden önemli?
Düşük kontrastlı metin, özellikle güneş altında ve görme zorluğu yaşayan kullanıcılar için okunmaz. Erişilebilirlik puanınızı ve dönüşümlerinizi etkiler.
Marka rengim düşük kontrastlı çıkıyorsa ne yapmalıyım?
Rengi metin yerine vurgu ve büyük alanlarda kullanın; metinler için skaladaki daha koyu bir tonu tercih edin.
Benzer ücretsiz araçlar
Kurumsal kimlik
Markanıza özgü bir renk sistemi kuralım.
Logo, renk paleti, tipografi ve kullanım kılavuzuyla tutarlı bir marka kimliği tasarlıyoruz.