Renk Seçici

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

Seçtiğin renk okunabilir mi?

Renk seçerken en sık atlanan konu budur ve sitenin 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

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şıma. Bir formda hatalı alanı sadece kırmızıya boyarsan, o kullanıcı hangi alanın hatalı olduğunu göremez. Renge ek olarak bir simge, çerçeve veya yazı ekle.

Palet kurarken

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

Nasıl kullanılır?

1. Paletten rengi seç veya kodu gir.
2. Renk kodunu kopyala.
3. Metin renginle birlikte karşıtlık oranını kontrol et.

Kontrol edilmesi gerekenler

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

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 verme; simge veya yazı ekle.

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

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

İ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ı kullanabilirsin.