Ana Sayfa
Renk Araçları
RGB'den HEX'e Dönüştürücü

RGB'den HEX'e Dönüştürücü Kaydırma çubukları ve canlı ön izleme ile RGB renk değerlerini HEX kodlarına dönüştürün.

🎨

RGB'den HEX'e Dönüştürücü

Kaydırma çubukları ve canlı ön izleme ile RGB renk değerlerini HEX kodlarına dönüştürün.

RGB Değerlerini Ayarla

Kaydırma çubuklarını kullanın veya Red, Green ve Blue değerlerini 0 ile 255 arasında girin.

Renk Ön İzlemesi

Değerleri ayarlayarak renk örneğinin gerçek zamanlı olarak güncellenmesini izleyin.

HEX Kodunu Kopyala

Kopyala düğmesine tıklayarak #3B82F6 gibi bir HEX kodunu projenizde kullanmak üzere kopyalayın.

Loading tool...

What Is RGB'den HEX'e Dönüştürücü?

Bir RGB'den HEX'e dönüştürücü, Kırmızı, Yeşil ve Mavi renk kanal değerlerini web tasarımı ve CSS'de kullanılan standart format olan hexadecimal eşdeğerlerine dönüştürür. RGB değerleri her bir kanal için 0 ile 255 arasında değişir ve o renk bileşeninin yoğunluğunu temsil eder. Dönüştürücü, bu üç ondalık sayıyı alır ve # karakteri ile başlayan 6 karakterlik bir hexadecimal dize üretir. Örneğin, rgb(59, 130, 246) #3B82F6'ya dönüştürülür. Bu araç, renk spécifikasyonlarını renk seçicilerden, API'lerden veya görüntü işleme kodlarından RGB değerleri olarak alan ve stiller için compact HEX formatına ihtiyaç duyan front-end geliştiricileri için vazgeçilmezdir. Ayrıca, farklı araçlar arasında piksel mükemmel renk eşleştirmesini sağlayan tasarımcılar için de yararlıdır. Dönüşüm, tasarım tokenları oluştururken, CSS özel özellikleriyle çalışırken veya sürüm kontrolünde HEX kodlarının daha kolay okunup karşılaştırılabileceği durumlarda özellikle önemlidir.

Why Use RGB'den HEX'e Dönüştürücü?

Renkli izleklerle birlikte sunulan etkileşimli kaydırma çubukları için sezgisel ayar
Gerçek zamanlı ön izleme renk örneği, kaydırma çubuklarını sürerken tam olarak aynı rengi gösterir
Tutarlı biçimlendirme için büyük harfli HEX üretir
Kaydırma çubuklarının yanı sıra precisa değer girişi için sayı girişi alanları
Tamamen tarayıcıda çalışır - hiçbir veri sunuculara gönderilmez

Common Use Cases

CSS Oluşturma

JavaScript renk işlemlerinden gelen RGB değerlerini daha temiz CSS stil sayfaları için HEX'e dönüştürün.

Tasarım Sistemleri

Marka kılavuzlarında sağlanan RGB değerlerinden HEX formatında renk tokenlerini standardize edin.

Canvas'tan CSS'ye

HTML5 Canvas piksel verisinden çıkarılan renkleri (RGB olarak döndürülür) stillendirme için HEX'e dönüştürün.

Renk Keşfi

Kârlı rengi bulmak ve uygulamada kullanmak üzere RGB kaydırma çubukları ile deneysel çalışın ve HEX kodunu alın.

Technical Guide

RGB'den HEX'e dönüştürme, her bir ondalık kanal değerini (0-255) iki haneli bir hexadecimal sayıya (00-FF) dönüştürmeyi içerir. Her bir kanal için formül şudur: hexDigit = value.toString(16).padStart(2, "0"). Sonuçlanan üç çift, # ön eki ile birleştirilir. Örneğin, R=59 → 3B, G=130 → 82, B=246 → F6, #3B82F6 üretir. Dönüşüm kayıpsızdır - her RGB değeri tam olarak bir HEX koduna ve tersine karşılık gelir. 16'nın (ondalıklı) altındaki değerler sıfır dolu olmalıdır: R=5 → 05, sadece 5 değil. Bazı araçlar küçük harfli hex (örneğin #3b82f6) üretir; her ikisi de geçerli CSS'dir ancak tasarım spécifikasyonlarında büyük harf daha yaygın olarak kullanılır. Giriş değerlerini sınırlarken, bunları 0-255 aralığında tutarak geçerli renkler üretilmesini sağlayın. Matematiksel işlem esasen bir temel dönüşümdür: 16'ya bölme ilk hex basamağını verir, kalan ikinci basamağı verir.

Tips & Best Practices

1
RGB(0,0,0) #000000 (siyah) ve RGB(255,255,255) #FFFFFF (beyaz)'a dönüştürülür
2
Üç kanaldaki değerler eşit olduğunda sonuç bir gri tonudur
3
CSS dostu HEX formatına programlı olarak oluşturulan renkleri dönüştürmek için bu aracı kullanın
4
# ön eki bazı bağlamlarda isteğe bağlıdır, ancak CSS uyumluluğu için her zaman dahil edin
5
Web güvenli renkler için 51'in katlarına (00, 33, 66, 99, CC, FF) bağlı kalın

Related Tools

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

HEX renk kodlarını anında RGB değerlerine dönüştürün ve canlı önizleme swatch'i ile birlikte kullanın.

🎨 Color Tools

HEX'ten HSL'ye Dönüştürücü

HEX renk kodlarını HSL (Ton, Doymuşluk, Parlaklık) değerlerine dönüştürün.

🎨 Color Tools

RGB'den HSL'ye Dönüştürücü

Etkileşimli kaydırma çubukları ile RGB değerlerini HSL renk formatına dönüştürün.

🎨 Color Tools

RGB'den CMYK'ye Dönüştürücü

Dijital RGB renklerini canlı önizleme ile baskı CMYK değerlerine dönüştürün.

🎨 Color Tools

Renk Seçici

HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.

🎨 Color Tools

Frequently Asked Questions

Q RGB'yi HEX'e manuel olarak nasıl dönüştürebilirim?

Her bir RGB değerini (0-255) onaltılığa dönüştürün. Örneğin, 59 ÷ 16 = 3 kalan 11 (B), yani 59 = 3B. Bunu üç kanaldaki tüm değerler için yapın ve # ile birleştirin.

Q RGB'den HEX'e dönüşüm kayıp mıdır?

Evet, tamamen kayıpsızdır. Her iki format da tam olarak 16.777.216 rengi temsil eder. Her RGB değeri benzersiz bir HEX eşdeğerine sahiptir ve tersi de öyle - hiçbir renk bilgisi kaybolmaz.

Q 0-255 dışı değerlerle ne olur?

Değerler geçerli aralığa sınırlanır. 0'ın altındaki sayılar 0 (00) olur, 255'in üzerindeki sayılar ise 255 (FF) olur ve böylece geçerli bir renk çıktısı sağlanır.

Q Büyük harfli mi yoksa küçük harfli HEX mi kullanmalıyım?

İkisi de CSS'de geçerlidir ve aynı renklere sahiptir. Büyük harfler (#3B82F6) tasarım araçlarında daha yaygınken, küçük harfler (#3b82f6) genellikle kod tarafından oluşturulur. Bir sözleşme seçin ve tutarlı kalın.

Q HEX'e alfa/opacity ekleyebilir miyim?

Evet. Alfa için iki daha fazla onaltılık basamak ekleyin: RGB(59,130,246) %50 opaklıkta #3B82F680 olur. Alpha hex 80, decimal olarak 128'e eşit olup 255'in yaklaşık %50'sine karşılık gelir.

About This Tool

RGB'den HEX'e Dönüştürücü is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.