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

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.

🎨

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.

HEX Kodunu Girin

Bir HEX renk kodunu gibi #3B82F6 yazın veya renk seçiciyi kullanarak bir renk seçin.

RGB Değerlerini Görüntüle

Kırmızı, Yeşil ve Mavi kanal değerleri (0-255) anında güncellenir.

Sonucu Kopyalayın

Kopyala'ya tıklayarak RGB değerlerini css formatında gibi rgb(59, 130, 246) olarak kopyalayın.

Loading tool...

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

Bir HEX to RGB dönüştürücü, hexadecimal renk kodlarını Kırmızı, Yeşil ve Mavi kanal karşılıklarına çevirir. HEX kodları, web geliştirme, grafik tasarım ve dijital medyada yaygın olarak kullanılan altı karakterli dizilerdir (öncesinde # işareti bulunur). Her bir hex basamak çifti bir renk kanalı temsil eder: ilk iki basamak kırmızı için, orta iki basamak yeşil için ve son iki basamak mavi için. Örneğin, #FF5733 R:255, G:87, B:51 olarak ayrışır. RGB renk modeli, renkleri oluşturmak için kırmızı, yeşil ve mavi ışığı birleştiren bir sistemdir ve her bir kanalın yoğunluğu 0 ile 255 arasında değişir. Bu dönüştürme, CSS hex notation ve rgba() işlevleri arasında geçiş yapması gereken geliştiriciler, farklı renk formatlarını kullanan araçlar üzerinde çalışan tasarımcılar ve resim işleme, veri görselleştirme veya erişilebilirlik hesaplamaları için kesin renk kanal değerlerine ihtiyaç duyan herkes için gereklidir. Dönüştürücümüz hem 3 basamaklı kısaltma (#F00) hem de standart 6 basamaklı kodları destekler ve anında dönüştürme ile görsel önizleme sağlar.

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

Herhangi bir HEX kodunu anında precisa RGB değerlerine dönüştürün ve canlı önizlemeyi görün
Hem 3 basamaklı kısaltma (#F00) hem de tam 6 basamaklı HEX kodlarını destekler
Görsel renk örneği, yazarken gerçek zamanlı olarak güncellenir
rgb() ve virgülle ayrılmış formatlar için tek tıklamayla kopyalama
Kurulum veya kayıt gerekmez - tamamen tarayıcınızda çalışır

Common Use Cases

CSS Geliştirme

Tasarım mockup'larından HEX renkleri, rgb() değerlerine dönüştürün ve CSS özelliklerinde kullanın.

Tasarım Teslimi

Tasarımcılar arasında HEX ve geliştiriciler arasında RGB değerleri arasında çeviri yapın.

Görüntü İşleme

Canvas veya WebGL'de piksel manipülasyonu için gereken bireysel R, G, B kanal değerlerini alın.

Erişilebilirlik Testi

WCAG kontrast oranı kontrolleri için gerekli RGB değerlerini çıkarın.

Veri Görselleştirme

Marka HEX renklerini, D3.js veya Chart.js gibi grafik kitaplıkları tarafından gereken RGB formatına dönüştürün.

Technical Guide

HEX renk sistemi, renkleri base-16 (on altılik) notation kullanarak temsil eder. Her bir renk kanalı iki hex basamak kullanır ve bu da her kanal için 256 olası değeri sağlar (00'dan FF'ye veya onluk olarak 0'dan 255'e). Dönüştürme işlemi basittir: her bir hex basamak çiftini ayrıştırmak ve onluk sistemdeki karşılıklarını bulmak. #F0A gibi 3 basamaklı kısaltmalarda, her bir basamak iki kez yazılır: FF, 00, AA. Sonuç olarak elde edilen RGB değerleri 16.777.216 benzersiz renk ifade edebilir (256³). CSS'de HEX ve RGB işlevsel olarak aynıdır - #3B82F6 ve rgb(59, 130, 246) tam olarak aynı rengi üretir. Biçim seçimi genellikle bağlama bağlıdır: HEX daha kompakt ve tasarım araçlarında yaygın olarak kullanılırken, RGB programatik renk manipülasyonu için daha sezgiseldir. Şeffaf çalışma yaparken, HEX sekizinci karakteri isteğe bağlı olarak kullanır (#3B82F680 için %50 opaklık), जबकi RGB rgba(59, 130, 246, 0.5) uzantısına sahiptir. Modern CSS ayrıca boşlukla ayrılmış söz dizimini destekler: rgb(59 130 246 / 50%). Bu dönüştürmeyi anlamak web geliştirme için temel oluşturur, çünkü tasarım araçlarında renklerin nasıl belirtildiği ile kodda nasıl manipüle edildiği arasındaki köprüyü kurar.

Tips & Best Practices

1
HEX kodları büyük/küçük harf duyarlı değildir - #3b82f6 ve #3B82F6 aynıdır
2
Sadece her çiftin相同 rakamlarına sahip olduğunda 3 basamaklı kısaltma kullanın: #AABBcc → #ABc
3
Şeffaf için iki daha fazla hex basamağı ekleyin: #3B82F680 %50 opaklık anlamına gelir
4
RGB değerleri 0,0,0 saf siyah; 255,255,255 saf beyazdır
5
Eşit R, G, B değerleri gri tonları üretir (örneğin rgb(128,128,128))

Related Tools

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.

🎨 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

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

Web renk kodlarını baskı öncesi hazırlık için HEX'den CMYK baskı 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

Renk Uzayı Görselleştirici

HEX, RGB, HSL, HSV ve CMYK'de herhangi bir rengi çubuk grafiklerle görselleştirebilirsiniz.

🎨 Color Tools

Frequently Asked Questions

Q HEX renk kodu nedir?

Bir HEX renk kodu, # karakteri ile başlayan ve rakamlar 0-9 ve harfler A-F kullanarak oluşturulan 6 karakterlik bir dizgidir. RGB modelini temsil eder ve her çift karakter kırmızı, yeşil veya mavi (0-255) yoğunluğunu belirtir.

Q HEX'i manuel olarak RGB'ye nasıl dönüştürürüm?

HEX kodunu üç çift halinde ayırın. Her çifti onaltılık sistemden onluk sisteme dönüştürün. Örneğin, #3B = 3×16+11 = 59, #82 = 8×16+2 = 130, #F6 = 15×16+6 = 246. Sonuç: rgb(59, 130, 246).

Q HEX ve RGB arasındaki fark nedir?

Aynı renkleri farklı gösterimlerde temsil ederler. HEX onaltılık (hexadecimal) sistem kullanırken, RGB onluk sistemdeki değerleri (0-255) kullanır. #FF0000 ve rgb(255, 0, 0) her ikisi de saf kırmızı üretir.

Q HEX kodları şeffaf olabilir mi?

Evet. 8 basamaklı HEX kodları alfa kanalını içerir: #3B82F680 burada 80 (hex) = 128 (onluk) ≈ %50 opaklık anlamına gelir. Bu, rgba(59, 130, 246, 0.5) ile eşdeğerdir.

Q 3 basamaklı HEX kodları geçerli midir?

Evet. 3 basamaklı kodlar her bir rakamın çiftlenmesi ile oluşturulur: #F0A → #FF00AA genişletilir. Sadece her kanal çiftinin aynı rakamlarına sahip olduğu renkleri temsil edebilirler.

Q Tasarımcılar neden HEX'i RGB'den tercih eder?

HEX daha kompakttır (7 karakter vs rgb() için ~16), kopyala-yapıştır işlemi daha kolaydır ve Figma, Sketch ve Photoshop gibi meisten tasarım araçlarının varsayılan formatıdır.

About This Tool

HEX'ten RGB'ye 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.