Renk Seçici

Renk Seçici, görsel bir palet üzerinden renk seçmenizi ve kodunu almanızı sağlar.

Seçtiğiniz renk okunabilir mi?

Renk seçerken en sık atlanan konu budur ve sitenizin gerçekten kaç kişiye ulaştığını doğrudan etkiler.

Metin ile arka planı arasındaki karşıtlık oranı, yazının okunup okunamayacağını belirler. Erişilebilirlik ölçütlerine göre normal boyuttaki metin için bu oranın en az 4,5 katı olması beklenir; büyük başlıklarda 3 kat yeterli sayılır.

Bu, soyut bir kural değildir. Açık gri zemin üzerine açık gri yazı, gençlerin çoğunun ekranında "şık" görünür ama:

• Güneş altında telefon kullanan biri okuyamaz
• Yaşla birlikte azalan karşıtlık algısı sorun yaratır
• Ekran parlaklığı düşük cihazlarda yazı kaybolur

Renk körlüğünü hesaba katın

Erkeklerin yaklaşık yirmide biri renk ayrımında güçlük çeker ve en yaygın biçimi kırmızı-yeşil ayrımıdır.

Pratik sonucu şudur: bilgiyi yalnızca renkle taşımayın. Bir formda hatalı alanı sadece kırmızıya boyarsanız, o kullanıcı hangi alanın hatalı olduğunu göremez. Renge ek olarak bir simge, çerçeve veya yazı ekleyin.

Palet kurarken

• Az renk kullanın bir ana renk, bir vurgu rengi ve nötr tonlar çoğu tasarım için yeterlidir.
• Nötrleri bilinçli seçin saf griler cansız durur; ana renginize hafifçe yaklaştırılmış griler daha bütünlüklü görünür.
• Vurgu rengini az kullanın her yerde kullanılan vurgu, vurgu olmaktan çıkar.
• Koyu tema için ayrı düşünün açık temada iyi çalışan bir renk koyu zeminde parlayabilir veya kaybolabilir.

Nasıl kullanılır?

1. Paletten rengi seçin veya kodu girin.
2. Renk kodunu kopyalayın.
3. Metin renginizle birlikte karşıtlık oranını kontrol edin.

Kontrol edilmesi gerekenler

Seçtiğiniz rengi bilgisayar ekranında değil, telefonda ve mümkünse gün ışığında deneyin. Ayrıca hem açık hem koyu temada nasıl göründüğüne bakın.

Sıkça sorulan sorular

Karşıtlık oranı kaç olmalı?

Normal metinde en az 4,5 kat, büyük başlıklarda 3 kat önerilir.

Kaç renk kullanmalıyım?

Bir ana renk, bir vurgu ve nötr tonlar çoğu tasarım için yeterlidir.

Renk körlüğü için ne yapmalıyım?

Bilgiyi yalnızca renkle vermeyin; simge veya yazı ekleyin.

Ekranda farklı görünüyor, neden?

Ekran kalibrasyonu ve parlaklık ayarları renk algısını değiştirir; birden fazla cihazda test edin.

İlgili araçlar

Biçim dönüştürmek için Renk Kodu Dönüştürücü, onaltılık değerler için Onaltılık Kod Dönüştürücü sayfalarını kullanabilirsiniz.