Renk Teorisi: Uyum, Sıcaklık ve Kontrast Oranı

Renk tekeri hangi renklerin birlikte durabileceğini söyler. Hangi ikilinin ekranda okunabildiğini söylemez, çünkü bunlar iki ayrı hesap: uyum ton ilişkisinden çıkar, okunabilirlik parlaklık farkından. Bir palet estetik olarak kusursuz olup aynı anda erişilebilirlik testinden kalabilir.

Renk tekeri neyi çözer

Newton'ın 1666'da tayfı bir çembere kapatmasıyla ortaya çıkan düzen hâlâ ayakta, çünkü ilişkileri konumla ifade ediyor. Birincil renkler (kırmızı, mavi, sarı) çemberin çıpaları; ikincil renkler (yeşil, turuncu, mor) iki birincilin karışımı; üçüncüller ise aradaki geçişler, sarı-yeşil ya da mavi-mor gibi.

Tekerin verdiği tek şey, iki rengin arasındaki açı. Palet seçimi bu açıyı seçmekten ibaret. Gerisi tonun koyuluğu ve doygunluğuyla ilgili, tekerde görünmeyen kısım da orası.

Uyum kalıpları ve hangisi nerede işe yarar

• Monokromatik: tek rengin tonları. Karar sayısını sıfıra indirir, arayüzde en hızlı sonuç veren yaklaşım budur. Bedeli, vurgulanacak bir öğe çıktığında elinizde ayıracak renk kalmaması.
• Analog: tekerde yan yana üç renk. Geçişleri yumuşak, göz yormaz; kontrast gerektiren yerlerde yetersiz kalır.
• Komplementer: karşılıklı iki renk. En yüksek ton kontrastı burada, uyarı ve çağrı öğeleri için doğru yer.
• Bölünmüş komplementer: karşı rengin iki komşusu. Komplementerin gerginliğini düşürür, geniş yüzeylerde daha yönetilebilir.
• Triadik ve tetradik: çemberde eşit aralıklı üç ya da dört renk. Zengin görünür, dengelemesi zordur.

Kalıbın hangisi olduğundan çok, renkler arasındaki dağılım belirleyici. Üç rengi eşit alanda kullanırsanız hiçbiri baskın olmaz ve arayüz ne söylemek istediğini kaybeder. Bir renk zemini taşısın, biri destek olsun, üçüncüsü sadece vurgu için ayrılsın.

Sıcaklık ve anlamın sınırı

Sıcak renkler (kırmızı, turuncu, sarı) yaklaşıyormuş gibi durur, dikkat çeker, aciliyet taşır. Soğuk renkler (mavi, yeşil, mor) geri çekilir; kurumsal arayüzlerin maviye yığılması bu yüzden. Nötrler (beyaz, gri, siyah, kahve) ise renk kararını erteleme imkânı verir.

Anlam kısmı bundan daha kaygan. Kırmızı Çin'de bereket, Batı'da uyarı. Finans arayüzlerinde yeşil kazanç demek, ta ki Japonya piyasalarına bakan bir ekranda kırmızının yükselişi göstermesine kadar. Hedef kitleniz tek bir kültürden gelmiyorsa, rengin taşıdığı anlama tek başına güvenmeyin.

Kontrast bir izlenim değil, bir oran

"Kontrastı yüksek ama gözü yormayan renk seçin" tavsiyesi kulağa doğru gelir, ölçülebilir bir şey söylemez. WCAG'in kontrast oranı yalnızca göreli parlaklıktan hesaplanır ve ton bu hesaba hiç girmez. Normal metin için eşik 4.5:1, büyük metin ve arayüz bileşenleri için 3:1.

Sonucu şu: tekerde birbirinin tam karşısında duran mavi ile turuncu, ton olarak en uzak ikili olmalarına rağmen parlaklıkları yakınsa kontrast oranı 2:1'de kalabilir. Ton kontrastı gözü tatmin eder, metni okunur yapmaz. Göz kararıyla seçilmiş "kontrastlı görünen" bir ikiliye kıyasla hesaplanmış oranı çok daha güvenilir bulurum; göz, doygun renklerde parlaklık farkını sistematik olarak abartıyor.

Şeffaflık burada ayrı bir tuzak. rgba() ya da hsla() ile %60 opaklık verdiğinizde ortaya çıkan gerçek renk arkada ne varsa ona bağlıdır, dolayısıyla tasarım dosyasında ölçtüğünüz oran üründe geçerli olmayabilir. Yarı saydam metni değişken bir zeminin üstüne koyacaksanız oranı en kötü zemin için hesaplayın.

Renk tek başına bilgi taşıyamaz

Renk körlüğü erkeklerde belirgin biçimde daha yaygın ve en sık görülen biçimi kırmızı ile yeşili ayırmakta zorlanmak. Bu, form doğrulamasını yalnızca kenarlık rengiyle bildiren her arayüzü doğrudan etkiler.

Çözüm paletinizi değiştirmek değil, renge ikinci bir kanal eklemek: ikon, metin, kalınlık ya da konum farkı. Hata mesajını kırmızı yapın, ama yanına neyin yanlış olduğunu da yazın. Aynı mantık grafiklerde de geçerli; çizgileri sadece renkle ayırıyorsanız, çizgi deseni veya doğrudan etiket ekleyin.

Bu kararları tasarımın başında verin. Palet ürüne yayıldıktan sonra değiştirmek, bileşen kütüphanesinin tamamına dokunmak demek.