;

Renk Paleti Üretici

Bir baz renkten complementary, triadic, analogous, split-complementary ve tetradic paletler üretir. Tarayıcıda anında çalışır, kayıt gerekmez, ücretsizdir.

Renk Paleti Üretici

5 Harmonik
Baz Renk
Diğer araçlar →

Renk Paleti Nedir? Neden Bir Tasarımcı için Vazgeçilmez?

Renk paleti, bir tasarımda kullanılacak uyumlu renklerin bir araya getirilmiş setidir. Profesyonel web siteleri, mobil uygulamalar ve markaların görsel kimlikleri belirli kurallarla seçilmiş 3-7 renkten oluşur. Rastgele renkleri yan yana getirmek tasarımı "amatör" gösterir; uyumlu palet kullanmak profesyonel ve marka tutarlı görünüm sağlar.

Renkler doğru seçilince kullanıcı duygularını yönlendirir: mavi güven, kırmızı aciliyet, yeşil sağlık ve finansal büyüme, mor lüks gibi. Markaların renk seçimleri yıllarca süren araştırma sonucu yapılır.

Renk Teorisi Temelleri

Renk Çarkı (Color Wheel)

12 renkten oluşan renk çarkı, uyumlu renkleri bulmak için temel araçtır:

  • Birincil: Kırmızı, Sarı, Mavi (geleneksel) veya RGB (dijital)
  • İkincil: Yeşil, Turuncu, Mor
  • Üçüncül: İki birincil + ikincil karışımları

Uyum (Harmony) Tipleri

1. Monokromatik: Tek bir rengin farklı tonları. Sade, profesyonel, minimalist.

2. Analog: Çarkta yan yana 2-3 renk. Doğal ve huzurlu görünüm.

3. Complementary (Karşıt): Çarkta tam karşılıklı 2 renk. Yüksek kontrast, dikkat çekici.

4. Triadic (Üçlü): Çarkta eşit aralıklı 3 renk. Canlı ve dengeli.

5. Tetradic (Dörtlü): İki çift karşıt renk. Zengin ama dengelemesi zor.

6. Split-Complementary: Bir renk + karşıtının iki komşusu. Yumuşak yüksek kontrast.

Renk Psikolojisi — Türk Pazarı İçin

  • Mavi: Güven, kurumsal, banka, sağlık (Garanti, IS Bank, NSosyal)
  • Kırmızı: Heyecan, aciliyet, yemek, perakende (Trendyol, Hepsiburada)
  • Yeşil: Sağlık, ekoloji, finans büyüme, helal (BIM, Migros, Helal logoları)
  • Turuncu: Enerji, çocuk, fast food (Getir, Yemeksepeti)
  • Mor: Lüks, yaratıcılık, premium (Bursaspor, bazı kozmetik markalar)
  • Siyah: Güç, sofistike, lüks otomotiv ve moda
  • Beyaz: Temizlik, basitlik, sağlık, teknoloji
  • Pembe: Romantizm, gençlik, kadın hedefli ürünler

Erişilebilirlik (Accessibility) ve Kontrast

Renk seçerken WCAG kontrast oranı standartlarına dikkat edin:

  • AAA seviyesi: 7:1 kontrast — engelli kullanıcılar için ideal
  • AA seviyesi: 4.5:1 (normal yazı), 3:1 (büyük yazı) — minimum kabul
  • AA Large: 3:1 — başlık ve büyük metinler için yeterli

Açık gri yazı üzerine biraz daha koyu gri yazmak şık görünebilir ama görme problemi olan kullanıcılar okuyamaz. Tüm metin/arka plan kombinasyonlarını kontrast checker (örn. WebAIM Contrast Checker) ile test edin.

Renk Paleti Boyutu

Profesyonel bir palet genelde şu yapıdadır:

  • 1 Birincil Renk (Primary): Marka rengi, butonlar, CTA'lar
  • 1 İkincil Renk (Secondary): Tamamlayıcı, daha az kullanılır
  • 1-2 Vurgu (Accent): Önemli bildirimler, badge'ler
  • 3-5 Nötr Ton (Neutrals): Beyaz, açık gri, orta gri, koyu gri, siyah
  • 1-2 Semantik: Yeşil (başarı), Kırmızı (hata), Sarı (uyarı), Mavi (bilgi)

Toplam 5-10 renk ile tüm tasarımı çıkarabilirsiniz. Daha fazlası karmaşa yaratır, daha azı sınırlama hissettirir.

Sıkça Sorulan Sorular

Birincil renk olarak hangi rengi seçmeliyim?

Markanızın hissettirmek istediği duyguya göre seçin: güven=mavi, enerji=kırmızı, doğa/sağlık=yeşil, lüks=mor/siyah. Hedef kitlenizin yaş, cinsiyet ve kültür kontekstine de dikkat edin. Kararsızsanız sektör liderlerinin renk seçimini araştırın (rakip değil, ilham için). Mavi ve gri "güvenli" tercihlerdir, çoğu sektörde işe yarar.

CSS değişkenleri ile palet nasıl yönetilir?

Modern CSS'in --variable syntax'ı palet yönetimi için idealdir. Örn: --primary: #3B82F6; --primary-light: #93C5FD; --primary-dark: #1E40AF; gibi tanımlayıp tüm projede var(--primary) ile kullanın. Bir gün rengi değiştireceksiniz, tek satırdan tüm site güncellenir. Dark mode için ikinci bir set tanımlamak da kolaylaşır.

Renk paleti araçları arasında en iyisi hangisi?

Profesyonel kullanım için: Coolors.co (palet keşif), Adobe Color (renk teorisi), Khroma (AI önerileri), Paletton (kompleks armoni). Bizim aracımız ise hızlı ve yeterli - bir renk girip armonik palette anlık üretir, kopyalanabilir HEX/RGB değerlerle. Karmaşık marka palet çalışmaları için ekstra araçlar gerekebilir.

Daltonik kullanıcılar için renk seçimi nasıl olmalı?

Dünya nüfusunun ~%8'i (özellikle erkekler) renk körlüğü yaşar - genelde kırmızı-yeşil ayrımı zordur. Çözüm: renk dışında ek bilgi sağlayın (ikon, etiket, desen). Hata için sadece kırmızı kullanmayın; ✕ işareti veya "Hata:" prefix'i ekleyin. Coblis simulator ile tasarımınızın nasıl göründüğünü test edebilirsiniz.

İlgili Araçlar

İlgili Araçlar

✨

CSS Gradient & Box-Shadow Üretici

Doğrusal/radyal gradient ve gölge efektleri oluşturup canlı önizleme ile CSS kodunu kopyalayın.

 📱

QR Kod Oluşturucu

URL, metin, telefon, e-posta, WiFi şifresi için QR kod oluşturun. PNG olarak indirin.

 🎨

Renk Dönüştürücü

HEX, RGB, HSL ve isim formatları arasında renk dönüştürün. Canlı önizleme ve kopyalanabilir kod.
;