Web Tasarım

Web Tasarımda Renk Psikolojisi Sektörel Rehberi

Renkler bilinçaltında tepki yaratıyor. Bankalar mavi, fast-food kırmızı tesadüf değil. Sektörünüze uygun renk paletini seçmek dönüşümünüzü 2-3x artırabilir.

06.05.2026 8 dk okuma

Renkler bilinçaltında tepki yaratır. Bankalar mavi (güven), fast-food kırmızı (aciliyet), lüks markalar mor/altın (premium). Tesadüf değil — yıllarca araştırılmış renk psikolojisi sonucu. Web sitenizin renkleri sadece estetik değil, müşteri davranışını etkileyen güçlü araçtır. Bu yazıda sektörünüze uygun renk paletinin nasıl seçileceğini anlatıyoruz.

Renklerin psikolojik etkileri

Mavi — güven, profesyonellik, sakinlik

  • Bankalar (Garanti, Akbank, İş Bankası)
  • Teknoloji (Facebook, Twitter, LinkedIn)
  • Sağlık (klinik, hastane)
  • Hukuk (avukat, danışmanlık)

Yeşil — doğa, sağlık, büyüme, para

  • Organik gıda (Whole Foods, organik ürün satıcıları)
  • Sağlık (Spotify, doğal kozmetik)
  • Finans/yatırım (özellikle ekoloji odaklı)
  • Çevre/sürdürülebilirlik

Kırmızı — aciliyet, dikkat, iştah

  • Fast-food (KFC, McDonald's, Burger King)
  • İndirim/satış
  • Spor (Coca-Cola, Ferrari)
  • Acil servis

Mor — lüks, yaratıcılık, kraliyet

  • Lüks markalar (Cadbury, Hallmark)
  • Yaratıcı sektörler (sanat, tasarım)
  • Estetik kozmetik
  • Yoga/spiritüel

Turuncu — enerji, sıcaklık, eğlence

  • Çocuk markaları (Nickelodeon)
  • Spor markaları
  • Restoran (sıcak atmosfer)
  • Eğitim (öğrenme heyecanı)

Sarı — neşe, optimizm, dikkat çekme

  • Hızlı tüketim (CAT, McDonald's arc)
  • Çocuk oyuncak
  • Tarım/buğday tabanlı ürün

Siyah — lüks, sofistike, güç

  • Premium markalar (Apple, Chanel)
  • Sanat galerileri
  • Lüks moda
  • Yüksek fiyatlı tech ürünleri

Beyaz — temizlik, basitlik, modernlik

  • Tech (Apple)
  • Sağlık + temizlik
  • Modern moda
  • Galeri/sanat

Renk paleti oluşturma kuralları

60-30-10 kuralı

  • %60 ana renk (background, büyük alanlar)
  • %30 ikincil renk (kart, alt bölümler)
  • %10 vurgu rengi (CTA buton, dikkat çekme)

Renk uyumu tipleri

  • Monochromatic: Tek renk + tonları (sade, sofistike)
  • Complementary: Karşıt iki renk (vurgu güçlü)
  • Analogous: Yan yana 3 renk (akıcı, doğal)
  • Triadic: 3 eşit aralıklı renk (canlı, dengeli)

Sektörel öneriler (Giresun için)

Restoran / Cafe

  • Ana: Kırmızı, turuncu, sıcak ton (iştah açar)
  • Ekstra: Yeşil (taze) veya kahverengi (samimi)
  • Örnek palet: #B91C1C (kırmızı) + #FFA500 (turuncu) + #5C3A0E (kahve)

Otel / Pansiyon

  • Ana: Mavi (güven, dinginlik) veya yeşil (doğa)
  • Ekstra: Beyaz (temizlik) + kahverengi (sıcaklık)
  • Karadeniz teması için: deniz mavisi + dağ yeşili

Web tasarım / dijital ajans

  • Ana: Yeşil + mavi (Karadeniz teması bizim seçimimiz)
  • Yaratıcılık için: mor veya turuncu vurgu
  • Örnek: #0E5C3A (yeşil) + #0B3D5C (lacivert)

E-Ticaret (yöresel ürün)

  • Ana: Yeşil (doğa, organik)
  • Ekstra: Toprak rengi, kahverengi
  • Premium ürün için: altın detay

Diş kliniği / Sağlık

  • Ana: Mavi (güven) + beyaz (temizlik)
  • Ekstra: Yeşil (sağlık) küçük vurgu
  • Sıcaklık için: turkuaz

Avukat / Hukuk

  • Ana: Lacivert + altın (klasik, prestij)
  • Modern: Koyu yeşil + bej
  • Beyaz arkaplan + koyu vurgu

Kuyumcu / Mücevher

  • Ana: Siyah + altın (lüks)
  • Modern: Koyu mor + gümüş
  • Şeffaflık + minimalist

Kuaför / Güzellik

  • Ana: Pembe + altın (kadın hedef kitle)
  • Erkek kuaför: Siyah + bordo
  • Modern unisex: Pastel ton

Emlak

  • Ana: Lacivert + altın (güvenilir, premium)
  • Sahil için: Deniz mavisi + bej
  • Modern: Yeşil + gri

Düğün salonu / Organizasyon

  • Ana: Pastel pembe veya altın
  • Lüks: Bordo + altın
  • Modern: Yeşil + bej

Kontrast + erişilebilirlik

WCAG kontrast oranı

  • Normal yazı: 4.5:1 minimum
  • Büyük yazı: 3:1 minimum
  • UI elementleri: 3:1

Düşük kontrast = okuma zor + Lighthouse Accessibility skoru düşer.

Test araçları

Renk körlüğü uyumu

Erkeklerin %8'i, kadınların %0.5'i renk körlüğü yaşar:

  • Kırmızı-yeşil ayrımı yapamayanlar (en yaygın)
  • Çözüm: Sadece renk değil, ikon + yazı kullan
  • Hata mesajı: kırmızı + ⚠️ ikon
  • Başarı: yeşil + ✓ ikon

Marka renk seçimi süreci

1. Sektör + hedef kitle analizi

Yukarıdaki tablodan başla.

2. Rakip analizi

5-10 rakibin sitesini incele. Hep aynı renk varsa farklılaş, hep farklıysa onlardan birini seç.

3. 3-5 paletin seç

Coolors.co veya Adobe Color ile palet üret.

4. Test

5 farklı kullanıcıya göster, hangi renk hangi hisi veriyor sor.

5. Tutarlılık

Web + sosyal medya + kartvizit + ofis hep aynı renk.

Yaygın renk hataları

  1. Çok fazla renk (5+) → karmaşa
  2. CTA butonun ana renge benzemesi → görünmez
  3. Düşük kontrast yazı → okunmaz
  4. Trend renge atlama (her sezon değişiyor)
  5. Sektörle uyumsuz renk (cenaze evi pembe gibi)

Sıkça Sorulan Sorular

Renk değişikliği ne kadar maliyetli?

Sadece CSS değişikliği — 1.500-3.000₺. Logo + tüm marka materyali yenileme: 5.000-15.000₺.

Trendi takip etmeli miyim?

Hayır — marka tutarlılığı trendi takipten önemli. Trend renk 1-2 yıl, marka renk 10 yıl.

Sektörümde herkesin aynı rengi varsa ne yapmalıyım?

Tamamen farklı renge atla — dikkat çekici. Veya aynı tonla farklı vurgu (lacivert + farklı vurgu).

Sonuç

Doğru renk seçimi sitenizin dönüşümünü 2-3x artırabilir. Sektörünüzü, hedef kitlenizi, marka kişiliğinizi düşünün. Marka rengi danışmanlık hizmetimiz dahilinde.

Paylaş:

Giresun'da Web Tasarım veya SEO İhtiyacın mı Var?

Sektörüne özel ücretsiz analiz raporu çıkaralım — 30 dakikalık tanışma toplantısında 6 aylık yol haritanı birlikte hazırlayalım.