Renk Teorisi: Web Tasarım

Renk, web tasarımcının cephaneliğindeki en güçlü araçlardan biridir. Ruh hali iletir, hiyerarşi oluşturur, dikkati yönlendirir ve marka tanınırlığı oluşturur. Web tasarım için renk teorisinin pratik rehberi.

Renk Modelleri: HEX, RGB ve HSL

Web tasarımcılar üç temel renk modeliyle çalışır. HEX kodlar CSS'de en yaygın olandır. RGB renkleri 0-255 arası kırmızı, yeşil ve mavi değerlerin birleşimi olarak tanımlar. HSL renkleri ton, doygunluk ve açıklıkla tanımlar -- ayarlamalar yapmak için en sezgisel model budur.

Renk Uyumu Kuralları

• Tamamlayıcı: Renk çarkında karşı karşıya iki renk. Yüksek kontrast, enerjik.
• Benzer: Çarkta yan yana üç renk. Uyumlu ve sakin.
• Üçlü: Çarkta eşit aralıklı üç renk. Canlı ve dengeli.
• Bölünmüş tamamlayıcı: Ana renk artı tamamlayıcısına bitişik iki renk.
• Monokromatik: Tek tonun farklı doygunluk ve açıklık seviyelerindeki varyasyonları.

60-30-10 Kuralı

Tasarımınızın %60'ı baskın rengi, %30'u ikincil rengi, %10'u aksan rengi kullanır. Bu, görsel denge yaratır.

Erişilebilirlik ve Kontrast

WCAG 2.1 normal metin için minimum 4,5:1 kontrast oranı gerektirir. Birçok güzel renk kombinasyonu erişilebilirlik gereksinimlerini karşılamaz.

Vaxtim Yoxdu'daki ücretsiz renk seçici ile renk paletinizi oluşturun. HEX, RGB ve HSL arasında dönüştürün, uyum paletleri oluşturun ve kontrast oranlarını tek bir araçta kontrol edin.