Rehber • 6 dakikalık okuma süresi • Ekim 2026'da güncellendi

Çevrimiçi Ücretsiz HEX'ten RGB'ye Nasıl Dönüştürülür (2026 Rehberi)

Tasarımcınız size #3B82F6 verir. CSS çerçeveniz rgb(59, 130, 246) ister. Tasarım aracınız bir biçimi kabul eder ama miras aldığınız kod diğerini kullanır. HEX ile RGB arasında elle dönüştürmek onaltılık matematik demektir — mümkün ama yavaş ve hataya açık. Bu rehber her iki biçimin aslında ne olduğunu, her birini ne zaman kullanacağınızı ve ücretsiz HEX'ten RGB'ye Dönüştürücü aracımızla anında nasıl dönüştüreceğinizi açıklar.

Ücretsiz dönüştürücü ne yapar

HEX'ten RGB'ye Dönüştürücü renk kodlarını her iki yönde çevirir: bir HEX kodu yapıştırın, RGB değerlerini alırsınız veya RGB sayıları girin, HEX kodunu alırsınız. Dönüşüm anında ve kesindir — yuvarlama yok, tahmin yok — ve kayıt olmadan tamamen tarayıcınızda çalışır.

HEX ve RGB açıklaması (doğru şekilde, bir kez)

Ekrandaki her renk üç ışıktan oluşur: kırmızı, yeşil ve mavi. Her iki biçim yalnızca her ışığın ne kadar parlak olduğunu söyler. HEX, üç parlaklık düzeyini #'ten sonra onaltılık (16 tabanlı) çiftler olarak yazar. #3B82F6'da 3B kırmızı düzeyi, 82 yeşil, F6 mavi düzeyidir. Her çift 00 (kapalı) ile FF (tam) arasında değişir. RGB aynı üç düzeyi 0'dan 255'e ondalık sayılar olarak yazar: rgb(59, 130, 246). Onaltılıkta 3B, ondalıkta 59'a eşittir — aynı renk, farklı gösterim. Her kanalda 256 olası düzey vardır; bu yüzden her iki biçim birlikte 256 × 256 × 256 = 16.777.216 farklı renk tanımlayabilir. Aralarında dönüştürmek bu üç sayı üzerinde saf matematiktir — aracın sizin için yaptığı şey budur.

Adım adım: herhangi bir yönde dönüştürün

HEX'ten RGB'ye Dönüştürücü aracını açın. Kayıt yok, herhangi bir modern tarayıcıda çalışır.
HEX → RGB dönüştürmek için: HEX kodunuzu yapıştırın veya yazın (# ile veya olmadan). Araç anında üç RGB sayısını gösterir.
RGB → HEX dönüştürmek için: Üç değeri girin (her biri 0'dan 255'e). Araç anında HEX kodunu gösterir.
Sonucu kopyalayın ve stil sayfanıza, tasarım aracınıza veya kodunuza yapıştırın.

HEX ile RGB ne zaman kullanılır

Günlük CSS işi için HEX kullanın — kompakttır, evrensel olarak desteklenir ve çoğu geliştirici bunu alır: color: #3B82F6;.
Şeffaflık istediğinizde RGB kullanın. RGBA dördüncü bir sayı, alfa ekler, 0 (görünmez) ile 1 (katı) arasında: rgba(59, 130, 246, 0.5) aynı mavidir, yarı şeffaflıkta. CSS'de katmanlar, gölgeler ve soluk öğeler oluşturmanın standart yoludur.
Kodda renkler üzerinde matematik yaparken RGB kullanın — açmak, koyulaştırmak veya karıştırmak 0'dan 255'e sayılarla onaltılık çiftlerden daha sezgiseldir.
Tasarım araçları arasında renk kopyalarken HEX kullanın — Figma, Photoshop ve çoğu seçici varsayılan olarak HEX kabul eder ve gösterir.

Kısaltılmış HEX kodları: #FFF gerçekten ne anlama geliyor

Sıklıkla üç basamaklı HEX kodları görürsünüz, örneğin #FFF (beyaz) veya #333 (koyu gri). Bu yalnızca kısaltmadır: her basamak ikiye katlanır; bu yüzden #FFF, #FFFFFF anlamına gelir ve #3BF, #33BBFF anlamına gelir. Bu yalnızca her çift iki aynı basamaktan oluştuğunda çalışır. Dönüştürücüye kısaltılmış kod yapıştırırsanız genişletmeyi halleder — ancak ilkeyi bilmek, başkalarının stil sayfalarını okuyabilmeniz için değerlidir.

Yaygın dönüşüm hataları

#'yi unutmak isteğe bağlıdır: 3B82F6 ve #3B82F6 aynı renktir. Bir araç yapıştırmanızı reddederse kareyi eklemeyi veya kaldırmayı deneyin.
0'dan 255'e dışındaki değerler: RGB kanalları 255'i aşamaz. Kaynağınız başka bir şey söylüyorsa yukarıda bir şeyler yanlıştır — onu sınırlayın ve yeniden kontrol edin.
Kanal sırasını karıştırmak: Her zaman kırmızı, yeşil, mavidir. İki kanalı değiştirmek size uyarı olmadan tamamen farklı bir renk verir.
Ekran renklerinin baskıda aynı olduğunu varsaymak: HEX/RGB ekran ışığını tanımlar. Baskı işi için renkler CMYK dönüşümü ve fiziksel prova ister — farklı bir süreç.
Dönüştürmek yerine tahmin etmek: "Yaklaşık" renkler her kopyayla daha da uzaklaşır. Her zaman kesin dönüştürün; araç bunun içindir.

Pratik iş akışı: marka renginden şeffaf katmana

Geliştiricilerin sürekli çarptığı dönüşüm işi budur: marka rengi #3B82F6'dır ve modal katman için yarı şeffaf bir sürüme ihtiyacınız vardır. HEX'ten RGB'ye Dönüştürücü aracına #3B82F6 yapıştırın → rgb(59, 130, 246) alırsınız. CSS'nizde background: rgba(59, 130, 246, 0.5); yazın — aynı renk, %50 şeffaflık. Kontrast Denetleyici aracıyla katman üzerindeki metni arka plana karşı kontrol edin; böylece okunabilir kalır. Otuz saniye, sıfır matematik, doğru renk korunur.

Sık sorulan sorular

Dönüştürücü ücretsiz mi?

Evet — her iki yönde sınırsız dönüşüm, kayıt yok.

Dönüşüm kesin mi yaklaşık mı?

Kesin. HEX ve RGB aynı üç sayı için iki gösterimdir; bu yüzden dönüşüm kayıpsızdır — renk hiç değişmez.

#FFF gibi 3 basamaklı kısaltılmış HEX'i işleyebilir mi?

Kısaltılmış kodlar her basamak ikiye katlanarak genişler (#FFF → #FFFFFF). Kodu girin ve dönüştürücü size doğru RGB değerlerini verir.

HEX rengine şeffaflık nasıl eklerim?

Önce onu RGB'ye dönüştürün, sonra RGBA biçimini kullanın: rgba(59, 130, 246, 0.5). Son sayı 0'dan 1'e şeffaflıktır.

Şimdi dönüştürün: Ücretsiz HEX'ten RGB'ye Dönüştürücü · Ücretsiz Renk Seçici · Ücretsiz Degrade Oluşturucu