Görsel → Renk Paleti

Bu araç, yüklediğiniz görselin renklerini analiz eder ve görselin hissine uygun uyumlu bir renk paleti üretir. Sadece “dominant renkleri listelemek” değil; tasarımda birlikte kullanılabilecek 5–10 renk arasında dengeli bir set çıkarmayı hedefler. Sonuç: hızlıca tema/brand/UI rengi seçip uygulamaya geçersin.

Görsel → Renk Paleti

Görselden profesyonel renk paletleri oluşturun. Farklı harmoni modları ile tasarımlarınız için mükemmel renkler bulun.

Görsel yükleyin veya sürükleyin JPG, PNG, WEBP, GIF

Değiştir

Görselden Çıkarılan Renkler

Bir renk seçerek palet oluşturun

Harmoni Modu

Analog

Tamamlayıcı

Üçlü

Dörtlü

Bölünmüş

Monokrom

Palet Boyutu

3 5 7 9

Oluşturulan Palet

Karıştır

Renk Detayları

PNG İndir CSS SCSS Kopyala

Misafir olarak sınırlı sayıda kullanabilirsiniz. Giriş yapın veya Ücretsiz üye olun.

Ne yapar?

• Görselden uyumlu 5–10 renk üretir (kullanıcı seçer: 5, 6, 8, 10).
• Her renk için:
  • HEX (#RRGGBB)
  • (Opsiyonel) RGB / HSL
• Paleti:
  • Tek tıkla kopyalatır
  • PNG/SVG palet olarak indirir
  • (Opsiyonel) CSS değişkeni / Tailwind renk objesi olarak dışa aktarır

Nasıl kullanılır?

1. Görsel yükle (JPG/PNG/WebP)
2. Palet boyutu seç: 5 / 6 / 8 / 10
3. Araç paleti üretir:
   • Ana renkler (primary set)
   • Destek renkler (accent set)
4. Beğenmediğin rengi kilitle/değiştir (opsiyonel)
5. HEX kodlarını kopyala veya paleti indir

Palet üretim mantığı (kullanıcıya güven veren açıklama)

Araç iki katmanlı çalışır:

1. Görselden renk örnekleme: baskın tonlar çıkarılır.
2. Harmoni/dengeli dağıtım: benzer tonlar gruplanır, “çok yakın 3 renk” yerine daha kullanılabilir aralık üretilir:

• Açık/orta/koyu dağılım
• 1–2 vurgu rengi (accent)
• Arka plan için nötr ton

Bu sayede çıkan palet “sadece renk dökümü” değil, gerçekten kullanılabilir bir set olur.

Öne çıkan özellikler (aracı üst segmente çıkarır)

1) Palet türü seçimi (opsiyonel ama çok değerli)

Kullanıcı paletin nasıl davranacağını seçebilir:

• Analog (yakın tonlar): sakin, modern UI
• Complementary (zıt ton): güçlü vurgu
• Triadic: daha renkli, enerjik tema
• Monochrome: tek rengin tonlarıyla kurumsal temaBu seçenekler “uyumlu palet” vaadini somutlaştırır.

2) Kilitle ve yeniden üret

• “Bu rengi seviyorum” → kilitle
• Kalanları yeniden üret → 2 saniyede alternatif paletler

3) Kullanım çıktıları (en pratik kısım)

• CSS Variables

:root{
–p-50:#F5F7FF;
–p-500:#4F46E5;
–n-900:#0B1220;
–a-500:#F59E0B;
}

• Tailwind palette objesi
• Figma/Canva için HEX listesi (tek satır kopyala)

4) Erişilebilirlik (kontrast) kontrolü

Palet çıktıktan sonra:

• “Bu arka planda hangi metin rengi okunur?” önerisi
• Kontrast uyarısı (özellikle UI kullananlar için)

Kullanım senaryoları

• Bir banner/fotoğrafa uyumlu landing page tema üretmek
• Markanın görsel dünyasına uygun brand palette çıkarmak
• Ürün fotoğraflarından koleksiyon renkleri bulmak
• Sosyal medya görselinden aynı tonda yeni tasarımlar üretmek

SSS

5 renk mi 10 renk mi seçmeliyim?

UI için 5–6 genelde yeterli. Daha renkli işler ve içerik tasarımı için 8–10 daha esnek.

Palet “aynı tonlardan” oluşursa ne yapacağım?

“Benzer renkleri birleştir” ve “yeniden üret” seçenekleri bunun için var. Kilitle + yeniden üret en hızlı çözümdür.

HEX dışında format verir mi?

Evet, RGB/HSL opsiyonel olarak gösterilebilir; web ve tasarım akışlarında iş görür.