Renk uyumu, tasarımın görsel dengede olmasını ve kullanıcıda olumlu duygular uyandırmasını sağlar. Rastgele seçilen renkler profesyonel görünümü zedeler; renk teorisini anlamak ise tutarlı ve etkileyici paletler oluşturmanıza yardımcı olur.
Renk çarkı (color wheel) tüm renk ilişkilerinin temelini oluşturur. Ana renkler (kırmızı, sarı, mavi), ara renkler ve tamamlayıcı/analog/triadic gibi ilişkiler bu çark üzerinde tanımlanır. Bu rehberde pratik seçim yöntemlerini ve araçları inceliyoruz.
Renk Çarkı Temelleri
Renk çarkı 12 renk içerir: üç ana renk (kırmızı, sarı, mavi), üç ikincil renk (turuncu, yeşil, mor) ve altı üçüncül renk. Tam çark 360 derece; her renk belirli bir açıda konumlanır. HSL formatında Hue (ton) değeri tam olarak bu açıyı ifade eder.
Tamamlayıcı (Complementary) Renkler
Tamamlayıcı renkler çarkta karşı karşıya durur (örn. kırmızı ile yeşil, mavi ile turuncu). Birlikte kullanıldığında yüksek kontrast oluşturur; CTA butonları ve vurgu alanları için idealdir. Dikkatli kullanın: Fazla kullanım göz yorar.
/* Mavi (#3b82f6) ve turuncu (#f97316) */ background: linear-gradient(135deg, #3b82f6, #f97316);
Analog Renkler
Analog renkler çarkta yan yana durur (örn. sarı, turuncu-sarı, turuncu). Uyumlu ve doğal geçişler sağlar; gradient arka planlarda sıkça tercih edilir. Göz yormaz, sakin bir his verir.
Triadic Renkler
Triadic palet çarkta eşit aralıklı (120°) üç renkten oluşur. Kırmızı, sarı ve mavi klasik triadic örneğidir. Dengeli ve canlı paletler için kullanılır. Bir rengi dominant yapıp diğerlerini aksan olarak kullanın.
60-30-10 Kuralı
İç mimariden gelen bu kural web tasarıma da uygulanır: %60 dominant renk (arka plan), %30 ikincil renk (kartlar, bölümler), %10 aksan rengi (butonlar, linkler). Bu oran görsel dengeyi sağlar.
Renk Psikolojisi
Renkler duygusal tepkiler uyandırır. Mavi güven ve sakinlik; kırmızı enerji ve aciliyet; yeşil doğa ve büyüme; mor lüks ve yaratıcılık; turuncu dostluk ve heyecan taşır. Hedef kitlenize ve marka mesajınıza uygun renkler seçin.
Araçlar ve İpuçları
Online renk araçları (Adobe Color, Coolors, Paletton) palet önerir. Bizim Palet Oluşturucu ile ana renk seçip tints ve shades üretebilirsiniz. Gradient oluşturucuda renkleri deneyerek görsel olarak kontrol edin. Son olarak, her zaman WCAG kontrast kurallarına uyun.
İlgili rehberler: Palette, Shades ve Tints · WCAG Kontrast · Araç · Marka Renkleri