Ücretsiz Online Renk Dönüştürücü — HEX, RGB, HSL, CMYK

HEX, RGB, HSL ve CMYK formatları arasında rengi anında dönüştürün. Bu ücretsiz renk dönüştürücü, web tasarımı, baskı ve grafik tasarım süreçleri için canlı önizleme ve çift yönlü dönüştürme sağlar.

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

Renk dönüştürücü, dijital ve baskı tasarımı kullanılan farklı renk formatları arasında renk değerlerini çevirir. Web geliştiriciler HEX ve RGB formatlarını kullanırken, tasarımcılar genellikle renk ayarlaması için HSL formatında çalışır ve baskı üretimi CMYK formatına dayanır.

Manuel olarak dönüşümleri hesaplamak veya bir tasarım aracı açmak yerine, bu dönüştürücü tüm formatları bir arada sunar — canlı önizleme ile tam olarak hangi rengi kullandığınızı görebilirsiniz.

Bu Renk Dönüştürücüyü Nasıl Kullanırım

1. Bir renk girin — HEX değeri girin veya RGB, HSL veya CMYK sayılarını girin.
2. Tüm formatları görün — Diğer tüm formatlar anında güncellenir.
3. İhtiyacınız olanı kopyalayın — Herhangi bir formatın yanındaki kopyalama butonuna tıklayın.
4. Önizlemeyi kullanın — Renk swatchı, tam olarak hangi renk olduğunu ve kontrast etiketiyle birlikte gösterir.

Ana Özellikler

Özellik	Avantaj
4 format desteği	HEX, RGB, HSL, CMYK — hepsi bir arada
Çift yönlü dönüştürme	Herhangi bir formatı düzenleyin ve gerisi güncellenir
Canlı önizleme	Tam olarak hangi rengi kullandığınızı görebilirsiniz
Format bazlı kopyalama butonları	Her format için tek tıklamayla kopyalama
Baskı uyumlu CMYK	Baskı üretiminde kullanılabilecek doğru CMYK değerleri

Renk Formatlarını Anlamak

HEX

Onaltılık renk notasyonu, kırmızı, yeşil ve mavi değerlerini temsil etmek için altı karakter (0-9, A-F) kullanır:

• #FF0000 = tamamen kırmızı
• #3B82F6 = Tailwind CSS blue-500

CSS, HTML ve tasarım araçlarında yaygın olarak kullanılır. Her zaman # ile başlar.

RGB (Kırmızı, Yeşil, Mavi)

Eklemeli renk modeli, her kanal 0 ile 255 arasında değişir:

• rgb(255, 0, 0) = saf kırmızı
• rgb(59, 130, 246) = Tailwind blue-500

CSS (rgb() fonksiyonu) ve çoğu programlama bağlamında kullanılır.

HSL (Renk, Doyma, Parlaklık)

Renkleri ayarlamak için daha kullanıcı dostu bir modeldir:

• Renk (0-360): Renk tekerleğindeki konum (0=kırmızı, 120=yeşil, 240=mavi)
• Doyma (0-100%): Renk yoğunluğu (0%=gri, 100%=tam renk)
• Parlaklık (0-100%): Parlaklık (0%=siyah, 50%=normal, 100%=beyaz)

CSS (hsl() fonksiyonu) ve tasarımcılar tarafından renk paletleri oluşturmak için tercih edilir.

CMYK (Mavi, Magenta, Sarı, Siyah)

Baskı üretiminde kullanılan çıkarımlı renk modelidir:

• Her değer %0 ile %100 arasında değişir
• Kağıt üzerindeki mürekkep kaplamasını temsil eder
• CSS'de doğrudan kullanılamaz (tarayıcılar içerde RGB kullanır)

Profesyonel baskı için tasarımlar hazırlamak için çok önemlidir.

Renk Formatları Karşılaştırması

Format	Kullanım Alanı	Örnek	Aralığı
HEX	Web CSS, HTML	#3B82F6	00-FF her kanal için
RGB	Web CSS, programlama	rgb(59, 130, 246)	0-255 her kanal için
HSL	Tasarım, CSS	hsl(217, 91%, 60%)	H: 0-360, S/L: 0-100%
CMYK	Baskı üretimi	cmyk(76%, 47%, 0%, 4%)	0-100% her kanal için

Gerçek Hayat Uygulamaları

Web Geliştirme

CSS'e doğrudan HEX veya rgb() değerlerini kopyalayın. HSL, hovers durumları için renk ölçekleri oluşturmak için harika (örnek: parlaklık değişimleri).

Tasarım Sistemleri

Marka renklerini formatlar arasında dönüştürün. Bir tasarımcı Figma'dan HSL verir — CSS için HEX istersiniz. Bir tıklamayla tamamlanır.

Baskı Üretimi

Baskıya göndermeden önce ekran renklerini CMYK'ye dönüştürün. Not: Bazı parlak RGB renkleri CMYK'de tam olarak yeniden üretemez (renk gamutu daha küçüktür).

Erişilebilirlik

HSL parlaklık değerini kullanarak bir rengin WCAG kontrast gereksinimlerini karşılayıp karşılamadığını kontrol edin. Parlaklık değeri 50% yakınsa en yüksek algılanabilir kontrast bulunur.

Renklerle Çalışırken İpuçları

İpucu	Açıklama
Kısa HEX işe yarar	#000 gibi kısa formlar kullanın
Renkleri dikkatlice seçin	Renk paletlerini oluştururken uyumlu renkler seçin
Renklerin etkisini test edin	Farklı ışık koşullarında renklerin etkisini test edin

Sık Sorulan Sorular

Neden CMYK rengim ekranlarda farklı görünüyor?

Bunun nedeni, ekranlar RGB formatını kullanırken baskılar CMYK formatını kullanmasıdır. Bu farklılıklar, renk gamutlarının farklılığından kaynaklanır.

HSL formatı neden daha kullanıcı dostu?

HSL formatı, renklerin doyma ve parlaklık değerlerini ayrı ayrı ayarlamaya olanak sağladığı için tasarımcılar tarafından tercih edilir.

Renklerin kontrastını nasıl artırabilirim?

Kontrastı artırmanın en etkili yolu, parlaklık değerlerini artırarak ve renklerin kontrast etiketlerine göre ayarlanmasını sağlamaktır.