Ücretsiz HEX - RGB Çevirici - Renk Kodu Dönüştürücü ve Seçici

HEX - RGB Renk Dönüştürücü

Bu araç girdiğiniz HEX renk kodunu RGB, HSL, CMYK ve 8 haneli HEX/RGBA değerlerine çevirir; aynı anda canlı bir renk örneği, kontrast önizlemesi ve algılanan parlaklık ölçümü gösterir. Bir kodu yazın, yapıştırın veya renk seçiciden seçin, tüm formatlar birlikte güncellenir.

Dönüştürme Nasıl Çalışır

6 haneli bir HEX kodu, kırmızı, yeşil ve mavi için 00 ile FF arasında (ondalıkta 0-255) üç ikili basamağa ayrılır. 3 haneli kısaltmalarda her rakam önce ikiye katlanır; örneğin #F5A önce #FF55AA olur, sonra aynı ayırım uygulanır. Bu RGB üçlüsünden HSL, en açık ve en koyu kanal ortalamasıyla parlaklık, aralarındaki farkla doygunluk ve kanalların sırasıyla renk tonu hesaplanarak türetilir. CMYK, kanalların en büyüğü üzerinden K değerini bulup camgöbeği, macenta ve sarıyı buna göre ölçekleyerek elde edilir. Algılanan parlaklık ise ITU-R BT.601 ağırlıklarıyla hesaplanır: R×299 + G×587 + B×114, sonuç 1000'e bölünür; 128'in üzerindeki sonuçlar Açık, altındakiler Koyu olarak etiketlenir ve bu değer kontrast önizlemesindeki yazı rengini de belirler. Aynı giriş kutusuna HEX yerine doğrudan rgb(r, g, b) biçiminde bir metin yazıldığında da araç bunu tanır, ayrıca renk seçiciden yapılan her seçim HEX metin kutusunu otomatik olarak tazeler. Kod çözümlenemezse araç, bir renk hakkında tahminde bulunmak yerine giriş kutusunun altında bir hata mesajı gösterir. Dönüştürülen her değerin kendi kopyala düğmesi vardır; tıklandığında kısa süreliğine onay işaretine döner, böylece yalnızca RGB, CMYK ya da CSS satırını, diğerlerine dokunmadan alabilirsiniz.

Örnek Hesaplama

#E63946 rengini ele alalım. İkili basamaklar R=230, G=57, B=70 verir, yani RGB(230, 57, 70). En açık ve en koyu kanalın ortalaması 56 parlaklık, aralarındaki fark 78 doygunluk, renk tonu ise 355 derece çıkar: HSL(355, 78%, 56%). Aynı RGB değerleri CMYK formülünden geçirildiğinde cmyk(0%, 75%, 70%, 10%) elde edilir. 8 haneli biçim #E63946FF, CSS satırı ise color: #E63946; olur. Parlaklık 255 üzerinden 110 çıkar, bu 128 eşiğinin altında olduğu için araç bu rengi Koyu olarak etiketler ve kontrast önizlemesinde beyaz yazıya geçer.

Örnek Çıktı

Input:  #E63946

Output: {
  "rgb":  "rgb(230, 57, 70)",
  "hsl":  "hsl(355, 78%, 56%)",
  "cmyk": "cmyk(0%, 75%, 70%, 10%)",
  "hex8": "#E63946FF",
  "css":  "color: #E63946;"
}