Renk dönüştürücü nedir?
Bir renk dönüştürücü, bir renk değerini web tasarımında, CSS'te, tasarım sistemlerinde ve devredilecek notlarda yaygın olarak kullanılan formatlara çevirir. Tek bir kurumsal renk, bir stil kılavuzunda HEX, bir tasarım belirtecinde RGB, bir tema düzenleyicisinde HSL ve baskı notlarında CMYK olarak saklanabilir. Bu araç bu temsil biçimlerini bir arada tutar, böylece doğru sürümü elle yeniden hesaplamadan kopyalayabilirsiniz.
Dönüştürücü kasıtlı olarak kompakt tutulmuştur. Pratik sRGB web renklerine odaklanır: HEX, RGB, HSL, HSV ve basit bir CMYK yaklaşık hesabı. Profesyonel renk yönetimi yazılımlarının veya ICC profil iş akışlarının yerini almaya çalışmaz.
Desteklenen renk formatları
| Format | Example | En uygun kullanım |
|---|---|---|
| HEX | #3366FF | CSS, tasarım belirteçleri, hızlı görsel devretme |
| RGB | rgb(51, 102, 255) | CSS değerleri, canvas çalışmaları, programatik renk kanalları |
| HSL | hsl(225, 100%, 60%) | Tema ayarları için ton, doygunluk ve açıklık ile düzenlemeler |
| HSV | hsv(225, 80%, 100%) | Renk seçici tarzı iş akışları ve görsel ayarlama |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Yaklaşık baskı notları, nihai baskı yönetimi için değil |
Önemli sınırlamalar
- CMYK çıktısı sRGB değerlerinden hesaplanır ve yalnızca yaklaşık bir değerdir.
- CSS isimlendirilmiş renkleri, gradyanlar, Lab, LCH, OKLCH ve Display-P3 bu kompakt v1 kapsamı dışında bırakılmıştır.
- Alfa değerleri yaygın HEX/RGB/HSL biçimleri için ayrıştırılabilir, ancak yerel örnek görüntü (swatch) önizlemesi opak temel rengi gösterir.
- Farklı tasarım araçları HSL, HSV veya CMYK değerlerini biraz farklı şekilde yuvarlayabilir.
Yaygın iş akışları
CSS temizliği
Bir stil kılavuzundan HEX rengini yapıştırın ve bir bileşen durumu, grafik paleti veya tema değişkeni için RGB veya HSL'yi kopyalayın.
Tasarım devri
Geliştirici, tasarımcı veya içerik düzenleyicinin farklı araçlar kullandığı durumlarda birden fazla renk gösterimini birlikte tutun.
Belirteç incelemesi
Bir renk belirtecinin genel kullanıcı arayüzünde kullanılmadan önce beklenen ton ve doygunluğa uyup uymadığını kontrol edin.
Baskı notları
Tartışma için yaklaşık CMYK değerleri oluşturun; nihai baskı çıktısını profil farkındalığı olan araçlara bırakın.
Sıkça Sorulan Sorular
CMYK çıktısı kesin mi?
Hayır. CMYK değeri sRGB'den yapılan basit bir dönüşümdür; kaba notlar için kullanışlıdır. Nihai baskı işi kağıt, mürekkep, baskı ayarları ve ICC profillerine bağlıdır.
CSS renk fonksiyonlarını yapıştırabilir miyim?
Evet — yaygın RGB, HSL, HSV ve CMYK tarzı fonksiyon sözdizimleri için. Lab, LCH, OKLCH ve Display-P3 gibi daha yeni renk uzayları bu kompakt araç için kasıtlı olarak kapsam dışıdır.
Araç alfa saydamlığını destekliyor mu?
RGBA, HSLA ve sekiz haneli HEX gibi yaygın alfa biçimlerini ayrıştırabilir, ancak ana örnek görüntü ve kopya çıktısı pratik opak web renklerine odaklanır.
Değerler bazen başka bir tasarım aracından neden farklı oluyor?
Küçük farklılıklar genellikle yuvarlama kurallarından veya renk yönetimi varsayımlarından kaynaklanır. Web sRGB renkleri için bu farklar normalde çok küçüktür.
Kontrast denetleyicisini ne zaman kullanmalıyım?
Metin okunabilirliği için iki rengi karşılaştırmanız gerektiğinde kontrast denetleyicisini kullanın. Bu dönüştürücü yalnızca bir rengi formatlar arasında değiştirir.