Renk Paleti Üretici

Profesyonel renk paletleri oluştürün, renk kodlarını dönüştürün ve görsellerden renk çıkarın

Renk Paleti Üretici & Dönüştürücü

Renk Seçici

Renk Seçin

Renk kodunu girin (HEX, RGB, HSL)

Renk Formatı

Renk Değerleri

HEX: #3b82f6

RGB: rgb(59, 130, 246)

HSL: hsl(217, 91%, 60%)

CMYK: cmyk(76%, 47%, 0%, 4%)

HSB: hsb(217°, 76%, 96%)

Renk Önizleme

Palet Ayarları

Temel Renk

Palet Türü

Renk Sayısı

3 5 12

Oluştürülan Palet

Gradient Ayarları

Gradient Türü

Yön

Renk Durakları

100%

Gradient Önizleme

CSS Kodu

background: linear-gradient(to right, #3b82f6, #8b5cf6);

Görsel Yükle

Görseli buraya sürükleyin

JPG, PNG, GIF, WebP desteklenir (Max 10MB)

Çıkarılan Renkler

Çıkarma Yöntemi

Maksimum Renk

3 8 16

Kullanım Örnekleri

Web Tasarım

Web sitesi için uyumlu renk paletleri oluştürün.

#FF6B6B #4ECDC4 #45B7D1...

Logo Tasarım

Marka kimliği için profesyonel renk kombinasyonları.

#2C3E50 #E74C3C #F39C12...

Görsel Analiz

Mevcut görsellerden renk paleti çıkarın.

Fotoğraftan renk analizi...

Özellikler

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

HEX, RGB, HSL, CMYK, HSB formatları arası dönüştürme

Görsel Renk Çıkarma

Görsellerden otomatik dominant renk çıkarma

Gradient Oluştürücu

Doğrusal, radyal ve konik gradientler oluşturma

Palet Türleri

Monokromatik, analog, tamamlayıcı palet türleri

📋

Kolay Kopyalama

Tek tıkla renk kodlarını panoya kopyalama

♿

Erişilebilirlik

Renk körü dostu kontrastlar ve öneriler

Nasıl Kullanılır?

Renk Seçin

Renk seçici ile renk seçin veya renk kodunu girin

Format Seçin

İstediğiniz renk formatını seçin (HEX, RGB, HSL, CMYK)

Palet Oluşturun

Farklı palet türleri ile profesyonel renk paletleri oluştürün

Gradient Oluşturun

Özel gradientler oluştürün ve CSS kodunu alın

Görsel Analizi

Görsellerden otomatik renk çıkarın ve paletinize ekleyin

Sık Sorulan Sorular

HEX (örn. #FF6B6B), RGB (örn. rgb(255, 107, 107)), HSL (örn. hsl(0, 100%, 71%)), CMYK (örn. C:0 M:58 Y:58 K:0) ve HSB/HSV arasında dönüşüm yapabilirsiniz. Herhangi bir formatta değer girin, diğerleri anında güncellenir. HEX girişi # öneki ile veya onsuz, 3 haneli veya 6 haneli olabilir.

Monokromatik: tek rengin farklı tonları. Analogous: renk çemberinde yan yana renkler (uyumlu görünüm). Complementary: çemberde karşı renkler (yüksek kontrast). Triadic: eşit aralıklı üç renk (canlı denge). Tetradic/Square: eşit aralıklı dört renk (zengin, karmaşık). Split Complementary: bir renk ve tamamlayıcısının iki komşusu (saf tamamlayıcıdan dengelemesi daha kolay).

Bir fotoğraf, ekran görüntüsü veya herhangi bir görsel yükleyin (JPG, PNG, GIF, WebP, en fazla 10MB). Araç, tarayıcınızda seçtiğiniz yöntemle piksel renklerini analiz eder: Baskın Renkler, Ortalama Renkler veya Canlı Renkler. Her şey istemci tarafında çalışır; hiçbir görsel herhangi bir sunucuya yüklenmez.

Linear gradient: renkler belirtilen açıda düz bir çizgi boyunca geçiş yapar. Radial gradient: renkler bir merkez noktasından dışa doğru yayılır. Conic gradient: renkler bir renk çemberi gibi merkez nokta etrafında döner. Her üçü de bir CSS background özelliği değeri üretir.

CSS Custom Properties (--color-primary: #FF6B6B), JSON (tüm format değerlerine sahip renk nesnelerinin dizisi) ve tek tek renkler için panoya kopyalama. CSS değişkenleri doğrudan stil sayfanızın :root bloğuna yapıştırılabilir. JSON, tasarım token'ları için kullanışlıdır.

HSL; Hue (0-360°), Saturation (0-100%) ve Lightness (0-100%) anlamına gelir. RGB'den farklı olarak HSL sezgiseldir: bir rengi açmak için Lightness'ı artırın; doygunluğu azaltmak için Saturation'ı düşürün. Tasarımcıların renk ilişkileri hakkındaki düşünce biçimiyle doğrudan örtüşür.

CMYK (Cyan, Magenta, Yellow, Key/Black), baskıda kullanılan renk modelidir. RGB ekranlar içindir, CMYK ise yazıcılar içindir. Fiziksel baskı için tasarım hazırlıyorsanız tedarikçiniz CMYK değerlerine ihtiyaç duyar. Not: RGB ve CMYK renk uzayları özdeş aralıkları kapsamadığından dönüşüm yaklaşıktır.

Hayır. Tüm renk dönüşümleri, palet oluşturma, gradient oluşturma ve görsel analizi JavaScript aracılığıyla tarayıcınızda yerel olarak çalışır. Görselleriniz ve renk verileriniz cihazınızdan asla çıkmaz.

Renk Paleti Oluşturucu Nedir?

Web siteleri, uygulamalar veya herhangi bir tasarım projesi için uyumlu renk şemaları oluşturmana yardımcı olan bir araç. Bir temel renk seçiyorsun, araç renk teorisini kullanarak monokromatik, analog, tamamlayıcı gibi harmonik kombinasyonları hesaplıyor.

Renkleri Anında Dönüştür

CSS için HEX kullanıyorsun ama JavaScript canvas için RGB mi lazım? Bu araç HEX, RGB, HSL, CMYK ve HSB arasında anlık dönüşüm yapıyor. Herhangi bir formatta değer gir, diğerlerini anında gör. Hesap makinesi gerekmez.

Görsellerden Renk Çıkar

Bir fotoğraf veya ekran görüntüsü yükle, araç baskın renkleri çıkarsın. Mevcut bir markaya, mood board'a veya bir fotoğrafa dayalı palet oluşturmak için birebir. JPG, PNG, GIF ve WebP desteklenir, maksimum 10MB.

CSS Gradient Oluştur

Doğrusal, radyal veya konik gradientleri görsel olarak oluştur, sonra CSS kodunu tek tıkla kopyala. İstediğin kadar renk durağı ekle, yönü ayarla ve projende kullanmadan önce canlı önizleme yap.

Gizlilik Öncelikli

Her şey tarayıcında çalışıyor. Görsellerin ve renk verilerin cihazından asla çıkmıyor, hiçbir sunucuya yükleme yapılmıyor. Tasarım dosyalarının paylaşılma riski olmadan rahatça kullan.

Güvenlik ve Gizlilik

Verilerinizin güvenliği bizim önceliğimiz

Yerel İşleme

Tüm işlemler tarayıcınızda gerçekleşir

Veri Transferi Yok

Verileriniz sunucularımıza gönderilmez

Veri Depolama Yok

Hiçbir veri depolanmaz veya paylaşılmaz

SSL Şifreleme

Güvenli bağlantı için SSL şifreleme

Sonraki Adım

Renk Seçici

Gelişmiş renk seçici - HEX, RGB, HSL, HSV, CMYK dönüşümleri ve kontrast kontrolü

CSS Gradient Oluşturucu

Canlı önizleme ile CSS gradient oluşturun

Bu araç işinize yaradı mı?

Renk Paleti Üretici