Hex'ten RGB'ye Renk Dönüştürücü

Hesaplamaya Girin

Hex Renk Kodu Başında # olsun ya da olmasın 3 veya 6 haneli bir hex kodu girin.

Sonuç

RGB Renk

rgb(52, 152, 219)

from #3498DB

Kırmızı (R)	52
Yeşil (G)	152
Mavi (B)	219
Standartlaştırılmış Hex	#3498DB
CSS	rgb(52, 152, 219)

Hex'ten RGB'ye Dönüştürücü Nedir?

Hex renk kodu, bir rengin #RRGGBB biçiminde yazılan altı haneli onaltılık (hexadecimal) gösterimidir. Her iki haneli grup, toplamsal renk kanallarından birini (kırmızı, yeşil veya mavi) temsil eder. Bu dönüştürücü, bir hex kodunu okuyup karşılığı olan RGB üçlüsünü verir; burada her kanal 0 ile 255 arasında bir tam sayıdır. RGB, CSS'in, tasarım programlarının ve çoğu ekranın arka planda kullandığı biçim olduğundan, ikisi arasında dönüşüm yapmak web geliştiricileri ve tasarımcılar için günlük bir iş haline gelmiştir.

Nasıl Kullanılır?

Kutuya bir hex kodu yazın — başında # olsun ya da olmasın fark etmez. Hem tam altı haneli biçim (#3498DB) hem de üç haneli kısa yazım (#39C, açılımı #3399CC) kabul edilir. Araç, fazladan karakterleri temizler, kodu standart biçime getirir ve kırmızı, yeşil, mavi değerlerini anında canlı renk önizlemesi ve kopyalamaya hazır CSS ile birlikte gösterir.

Formül Açıklaması

Onaltılık sistem 16 tabanlıdır; 0–9 rakamlarını ve A–F harflerini kullanır (burada A=10 … F=15). İki karakterli bir grup, değer = ilk hane × 16 + ikinci hane kuralıyla çevrilir. Yani FF = \(15 \times 16 + 15 = 255\) ile en yüksek değer, 00 = 0 ise en düşük değerdir. Üç grup birbirinden bağımsız olarak R, G ve B değerlerine çözülür.

$$\begin{gathered} (R,\,G,\,B) = \bigl(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \left(\text{Hex Code}\ \text{digits 1-2}\right)_{16} \\ G &= \left(\text{Hex Code}\ \text{digits 3-4}\right)_{16} \\ B &= \left(\text{Hex Code}\ \text{digits 5-6}\right)_{16} \end{aligned} \right. \end{gathered}$$

Bir hex kodu üç çifte ayrılır; her biri 0-255 kanal değerine dönüştürülür.

Örnek Hesaplama

#3498DB kodunu ele alalım. Kırmızı grubu 34 = \(3 \times 16 + 4 = \mathbf{52}\). Yeşil grubu 98 = \(9 \times 16 + 8 = \mathbf{152}\). Mavi grubu DB = \(13 \times 16 + 11 = \mathbf{219}\). Sonuç rgb(52, 152, 219) — flat tasarımda çok sevilen bir mavi tonu.

Örnek: bir hex kodu, R, G, B kanallarının yanında renk örneği olarak gösteriliyor.

Sıkça Sorulan Sorular

#FFF gibi kısa hex kodlarını kabul ediyor mu? Evet. Üç haneli bir kod, her hane iki katına çıkarılarak açılır; böylece #FFF kodu #FFFFFF = rgb(255, 255, 255) olur.

Peki alfa (saydamlık) kanalı? Bu araç üç kanallı RGB rengini işler. Alfa içeren 8 haneli bir hex kodu, renk dönüşümü için ilk altı hanesine kısaltılır.

RGB'den hex'e nasıl geri dönerim? Her kanal değerini iki haneli onaltılık sayı olarak yazın ve # işaretinden sonra birleştirin. Örneğin 52, 152, 219 → 34, 98, DB → #3498DB.