Renk dönüştürücü: HEX, RGB, HSL, HSV, CMYK
Bu renk dönüştürücüye rengi herhangi bir biçimde girebilirsiniz – örneğin #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%) veya cmyk(76%, 47%, 0%, 4%). Araç biçimi kendisi tanır ve aynı rengi diğer tüm gösterimlerde listeler.
Nasıl hesaplanır?
Renk dönüştürücü nasıl hesaplar?
Tüm formatlar aynı rengi, ekranların ve web’in standardı olan sRGB renk uzayında tanımlar. Başlangıç noktası her zaman 0 ile 255 arasında üç kanaldan oluşan RGB değeridir:
- HEX üç kanalı iki basamaklı onaltılık sayılar olarak yazar: 59 → 3B, 130 → 82, 246 → F6, yani
#3B82F6. Kısa yazım #RGB her basamağı ikiler (#FA0 = #FFAA00); 4. veya 8. basamak opaklığı gösterir. - HSL (ton, doygunluk, açıklık) ve HWB (ton, beyazlık, siyahlık) CSS Color Module Level 4’teki formüllerle hesaplanır.
- HSV (HSB olarak da bilinir) HSL ile aynı tonu kullanır; V üç kanalın en büyüğüdür, S = (maks − min) ÷ maks.
- CMYK basit formülle bulunur: K = 1 − maks(R, G, B), C = (1 − R − K) ÷ (1 − K) vb.
Örnek #3B82F6: R = 59/255 = 0,231, G = 0,510, B = 0,965. En büyük değer 0,965, en küçük 0,231. Açıklık L = (0,965 + 0,231) ÷ 2 = %59,8, doygunluk S = (0,965 − 0,231) ÷ (1 − |2 × 0,598 − 1|) = %91,2, ton H = 217,2°. Sonuç: hsl(217.2, 91.2%, 59.8%).
CMYK neden yalnızca yaklaşık?
Baskı mürekkepleri ışıktan farklı davranır: Bir ekran rengini en iyi hangi CMYK değerinin karşıladığı kâğıda, baskı yöntemine ve mürekkep miktarına bağlıdır. Bu özellikler bir ICC renk profilinde tutulur. Burada kullanılan formül hiçbir profili bilmez – örneğin saf mavi için “cmyk(100%, 100%, 0%, 0%)” verir; bu değer baskıda belirgin biçimde daha mor görünür. Basılı işlerde bu yüzden matbaanın verdiği değerleri kullanın ya da dönüşümü tasarım programınızda matbaanın profiliyle yapın.
Yuvarlama
RGB ve HEX tam sayı olduğu için kesindir. HSL, HSV ve HWB bir ondalık basamakla, CMYK tam yüzde olarak gösterilir. Değerlerde ondalık ayırıcı nokta olduğundan doğrudan CSS’e yapıştırılabilir.
Sıkça sorulan sorular
HEX kodu RGB’ye nasıl çevrilir?
Her iki basamak onaltılık sistemde bir kanaldır: #3B82F6 → 3B = 3 × 16 + 11 = 59, 82 = 8 × 16 + 2 = 130, F6 = 15 × 16 + 6 = 246. Sonuç: rgb(59, 130, 246).
HEX renk kodu nedir?
Bir rengin kırmızı, yeşil ve mavi kanallarını onaltılık sayılarla yazan koddur; # işaretinden sonra her kanal için iki basamak gelir. #FF0000 saf kırmızı, #FFFFFF beyaz, #000000 siyahtır. Web sitelerinde ve tasarım programlarında en yaygın renk gösterimidir.
CMYK değerlerini baskıda kullanabilir miyim?
Yalnızca kabaca yol gösterici olarak. Dönüşüm ICC renk profili olmadan yapılır. Belirleyici olan matbaanızın profilidir; doğru CMYK değerlerini oradan isteyin ya da tasarım programınızda baskı profiliyle dönüştürün.
HSL ile HSV arasındaki fark nedir?
İkisi de aynı tonu kullanır. HSL’de %100 açıklık her zaman beyaz, %50 ise saf renktir; HSV’de %100 değer rengin en parlak hâlidir, beyaza doygunluğu %0’a indirerek ulaşılır. Tasarım programları HSV’ye çoğu zaman “HSB” der.
Hangi yazımlar tanınır?
3, 4, 6 veya 8 basamaklı HEX (# ile ya da olmadan), yüzde değerleriyle de rgb()/rgba(), deg, turn, rad veya grad ile hsl()/hsla(), hsv()/hsb(), hwb(), yüzde olarak cmyk() ve RGB olarak üç yalın sayı. Hem virgüllü hem boşluklu yazım (CSS Color 4) çalışır.
Kaynaklar ve yasal dayanak
- CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
- CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
- CSS Color 4, § 8: W3C – CSS Color Module Level 4: HWB colors
Güncelleme:
Benzer araçlar
- Renk paleti oluşturucuRenk paleti oluşturucu: tek bir ana renkten uyumlu renkler bulun – tamamlayıcı, analog, üçlü, kare, ayrık tamamlayıcı, tek renkli; HEX, RGB, HSL kodlarıyla.
- Renk kontrastı kontrolü (WCAG 2.2)Metin ve arka plan renkleri arasındaki renk kontrastını kontrol edin: normal metin, büyük metin ve arayüz öğeleri için AA/AAA değerlendirmeli WCAG 2.2 oranı.
- Resimden renk kodu bulma (renk seçici)Resimden renk kodu bulma: fotoğraf açın, bir noktaya tıklayın, HEX, RGB veya HSL değerini kopyalayın – ana renklerle. Yükleme yok, her şey tarayıcıda.
- 1RM hesaplama (tek tekrar maksimum)1RM hesaplama: kaldırdığınız ağırlık ve tekrar sayısından tek tekrarlık maksimumu Epley ve Brzycki formülleriyle tahmin edin – %1RM tablosuyla, kg veya lb.
- Adım sayısını kilometreye çevirinAdım kaç km hesaplayın: 10.000 adım kaç km eder? Araç kendi adım uzunluğunuzu kullanır ve km cinsinden mesafeyi de adım sayısına çevirir.
- Bazal metabolizma hızı (BMR) ve günlük kalori ihtiyacı hesaplamaBazal metabolizma hızınızı Mifflin-St Jeor formülüyle, günlük toplam enerji ihtiyacınızı FAO/WHO aktivite düzeyleriyle (PAL) hesaplayın – kcal ve kJ olarak.