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

CSS ve tasarım araçlarında en yaygın kullanılan üç formatı — HEX (`#rrggbb`), RGB (`rgb(r, g, b)`) ve HSL (`hsl(ton, doygunluk%, parlaklık%)`) — birbirine dönüştürür; herhangi birini değiştirdiğiniz anda diğer ikisini günceller, ayrıca görsel seçim için bir renk seçici sunar.

HEX, RGB veya HSL alanına bir değer yazın, veya görsel olarak renk seçmek için renk seçici örneğine tıklayın; diğer iki alan otomatik olarak eşleşecek şekilde güncellenir. İhtiyacınız olan formatı kopyalama düğmesiyle alın.

`#3366CC` gibi saf orta mavi bir renk, `rgb(51, 102, 204)` ve `hsl(220, 60%, 50%)` değerlerine karşılık gelir — aynı renk, onaltılık baytlar, kırmızı/yeşil/mavi kanallar veya ton/doygunluk/parlaklık açısından düşünmenize bağlı olarak üç farklı şekilde tanımlanır.

HEX ve RGB, bir rengi kırmızı, yeşil ve mavi ışık miktarları olarak tanımlar; yalnızca farklı yazılır (onaltılık çiftler veya 0-255 ondalık değerler). HSL ise bir rengi renk çemberindeki konumu (ton), ne kadar canlı olduğu (doygunluk) ve ne kadar açık veya koyu olduğu (parlaklık) ile tanımlar; birçok kişi tonları ayarlarken bunu daha sezgisel bulur.

HEX, CSS ve tasarım yazılımlarında kompakt ve kesin bir renk için en yaygın formattır; RGB, canvas/grafik kodunda ve tek tek kanalların önemli olduğu yerlerde yaygındır; HSL ise renk varyasyonları oluştururken genellikle tercih edilir, çünkü parlaklık veya doygunluk değerini kaydırmak aynı tonun tahmin edilebilir şekilde daha açık, daha koyu veya daha soluk sürümlerini üretir.

Bu araç tamamen opak renkleri bu üç format arasında dönüştürür; alfa saydamlığını (RGBA/HSLA), adlandırılmış CSS renklerini veya CMYK ya da LAB gibi diğer renk uzaylarını desteklemez.

Dönüşüm tamamen tarayıcınızda istemci taraflı JavaScript ile çalışır; girdiğiniz renkler bir sunucuya asla yüklenmez veya saklanmaz.