DevBento logoDevBento
Araçlar/Renk Dönüştürücü ve Palet Oluşturucu

Renk Dönüştürücü ve Palet Oluşturucu

Renkleri HEX, RGB, HSL, HSB ve CMYK arasında dönüştürün. Tamamlayıcı, analog, triad paletleri oluşturun. WCAG kontrast oranlarını kontrol edin.

#3b82f6
R
G
B
Formatlar
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSBhsb(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
WCAG Kontrast
3.68:1AA Large
5.71:1AA
Palet
Gönder:
İlgili Dönüşümler
HEX'ten RGB'ye Dönüştürücü: Renk Kodu Çevirmeni
#3b82f6 gibi HEX renk kodlarını RGB değerlerine (59, 130, 246) dönüştürün. Hex kısaltması, alfa kanalları ve CSS kullanımını kapsar.
RGB'den HSL'ye Dönüştürücü: Renk Modeli Çevirmeni
RGB renk değerlerini HSL'ye (Ton, Doygunluk, Parlaklık) dönüştürün. CSS, tasarım sistemleri ve programatik renk manipülasyonu için renk modellerini anlayın.
Tailwind CSS Renginden HEX'e: Renk Arama
Tailwind CSS renk adlarını arayın ve HEX değerlerini alın. blue-500 #3b82f6, gray-900 #111827. Tailwind renk paleti için hızlı başvuru.
İlgili Araçlar
shaHash Oluşturucu
Verify color consistency across builds
%20URL Kodlayıcı ve HTML Varlık Dönüştürücü
Encode colors for CSS custom properties

Renk Dönüştürücü ve Palet Oluşturucu

Renkleri HEX, RGB, HSL, HSB/HSV ve CMYK formatları arasında anında dönüştürün. Bir rengi görsel olarak seçin veya herhangi bir CSS renk değeri, adlandırılmış renk ya da ham format dizesi yazın. Araç, tüm format temsillerini aynı anda üretir ve renk teorisine dayalı paletler oluşturur.

Nasıl Kullanılır

  1. Bir renk seçin. Renk önizlemesine tıklayarak sistem renk seçicisini açın, giriş alanına bir değer yazın veya RGB kaydırıcılarını sürükleyin
  2. Dönüşümleri okuyun. Beş formatın tümü (HEX, RGB, HSL, HSB, CMYK) gerçek zamanlı güncellenir
  3. Herhangi bir formatı kopyalayın. İhtiyacınız olan formatın yanındaki Kopyala butonunu veya Tümünü Kopyala’yı kullanın
  4. Paletler oluşturun. Bir uyum türü seçin (tamamlayıcı, analog, triad vb.)
  5. Kontrastı kontrol edin. Beyaz ve siyaha karşı WCAG kontrast oranı otomatik gösterilir

Renk Modelleri Nasıl Çalışır

Ekranınızdaki her renk, kırmızı, yeşil ve mavi ışığın farklı yoğunluklarda karıştırılmasıyla üretilir. RGB bunu doğrudan ifade eder: her biri 0-255 aralığında üç kanal, 16.7 milyon olası renk verir. HEX aynı modelin 16 tabanında yazılmış halidir. #FF0000, rgb(255, 0, 0) demektir.

HSL ve HSB, aynı bilgiyi insanların renkler hakkında düşünme biçimine daha yakın bir forma dönüştürür. Renk tonu (Hue), renk tekerleğindeki derece cinsinden konumdur (0 = kırmızı, 120 = yeşil, 240 = mavi). Doygunluk, rengin griye karşı ne kadar canlı olduğunu ölçer. Üçüncü eksen farklılık gösterir: HSL açıklık (lightness) kullanır (%0 = siyah, %100 = beyaz, %50 = saf renk), HSB ise parlaklık (brightness) kullanır (%0 = siyah, %100 = tam yoğunluk). CSS, HSL kullanır. Figma, Sketch ve Photoshop gibi tasarım araçları HSB kullanır.

CMYK (Cyan, Magenta, Yellow, Key/Black), baskı için çıkarıcı bir modeldir. Mürekkepler ışık yaymak yerine emer. RGB’den CMYK’ya dönüşüm matematiksel bir yaklaşımdır çünkü iki renk uzayı aynı gamı kapsamaz. Ekranda canlı görünen doygun maviler genellikle baskıda soluk görünür. Profesyonel baskı için ICC profilleri gerekir.

Palet oluşturucu, renk uyumlarını hesaplamak için HSL renk tekerleğini kullanır. Tamamlayıcı renkler 180 derece ayrıdır. Analog renkler 30 derece ayrıdır. Triad renkler tekerlekte bir eşkenar üçgen oluşturur.

Renk verilerini iletim için kodlamanız mı gerekiyor? Base64 Kodlama/Çözme aracımız ikiliden metne kodlamayı halleder. Renk değerleri içeren URL sorgu parametreleriyle mi çalışıyorsunuz? URL Kodlayıcı aracımız # ve % karakterlerinin doğru şekilde kaçmasını sağlar.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.

© 2026 devbento.dev · yerel olarak geliştirildi