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 ve diğer paletleri oluşturun. WCAG kontrast oranlarını kontrol edin.

Verileriniz tarayıcınızdan çıkmaz.

#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:

Dönüştürücüler ve Örnekler

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

sha
Hash Oluşturucu

Metin veya dosyalardan MD5, SHA-1, SHA-256 ve SHA-512 hashleri üretin. SHA için Web Crypto API, MD5 için saf JavaScript kullanır.

 %20
URL Kodlayıcı ve HTML Varlık Dönüştürücü

Metinleri URL'ler için encodeURIComponent veya encodeURI ile kodlayın, HTML özel karakterlerini adlandırılmış veya sayısal varlıklara dönüştürün. İşlemler tarayıcınızda gerçekleşir.

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.