Paleti görev ve marka rolleriyle kurun
Ana marka, zemin, gövde metni, ikincil bilgi, bağlantı ve durum renklerini ayrı tanımlayın. Aynı vurgu rengini her kutu ve başlıkta kullanmak ziyaretçinin önceliği ayırmasını zorlaştırabilir. Önce hangi eylemin önemli olduğunu belirleyin. Mevcut kurumsal renkleri korumak mümkündür; ancak kullanım alanı ve okunabilirlik birlikte değerlendirilmelidir.
Kontrastı gerçek eşleşmeyle ölçün
Metin rengi tek başına erişilebilir veya erişilemez değildir; arkasındaki zeminle karşılaştırılır. W3C’nin kontrast ölçütlerinde normal ve büyük metin için farklı eşikler vardır. Fotoğraf ve degrade üzerinde en zor okunabilen alanları da kontrol edin. Logoya tanınan istisnayı bütün marka metnine uygulamayın; gövde metni hâlâ okunabilir olmalıdır.
Anlamı yalnız renkle taşımayın
Hata, başarı, seçili filtre ve stok durumunu yalnız kırmızı/yeşil ayrımına bırakmayın. Açıklayıcı metin, simge veya başka görünür işaret eklenebilir. Bu işaretin erişilebilir adı ve bağlamı da değerlendirilmeli. Form hatasını sadece çerçeve rengiyle göstermek, kullanıcının hangi alanı nasıl düzelteceğini anlamasına yetmeyebilir.
Durum renklerini bütün bileşenlerde sınayın
Bağlantının normal, odak ve üzerine gelme hâli; düğmenin etkin ve devre dışı durumu gerçek sayfada kontrol edilir. Koyu temada ince sınırlar ve yardımcı yazılar kaybolabilir. Mobilde güneş altında okunabilirlik fiziksel test gerektirir; masaüstü ekran görüntüsü bunun yerine sunulmaz. Tasarım dosyasındaki palet ile uygulanan CSS aynı eşleşmeleri kullanmalıdır.
Renk değişimini doğru ölçütle değerlendirin
Bir CTA renginin daha çok tıklanması tek başına daha uygun müşteri veya daha fazla satış demek değildir. Mesaj, yerleşim ve trafik de değiştiyse etkiyi renge yazmayın. Kabul; tutarlı marka rolleri, ölçülmüş kontrast ve durumların anlaşılmasıdır. Renk paleti seçimi SEO veya dönüşüm oranında belirli artış garantisi oluşturmaz.