Hex to RGB Çevirici – Renk Kodunu RGB'ye Dönüştürme

Q: JavaScript veya Python'da hex RGB'ye nasıl çevrilir?

JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) ( #RRGGBB biçimindeki bir kod için). Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)) . CSS'te çevirmeye gerek yoktur – iki gösterim de kabul edilir.

RGB değerlerini anında görmek için #7C3AED gibi bir hex renk kodu girin. #F80 gibi kısa kodlar, saydamlık içeren 8 basamaklı kodlar ve # işareti olmayan kodların hepsi çalışır – isterseniz rengi görsel olarak da seçebilirsiniz.

#7C3AEDRenk seçmek için tıklayın

Hex renk kodu

RGB değerleri

CSS rgb() değeri

Tüm renk formatları

HEX
RGB
RGBA
HSL
HSV
CMYK
CSS adı

Nasıl hesaplanır

Gizliliğiniz korunur: verileriniz tarayıcınızda işlenir ve asla sunucuya yüklenmez.

Hex to RGB çevirici nasıl kullanılır?

Hex renk kodu alanına # işaretli veya işaretsiz bir hex renk kodu yazın ya da yapıştırın; dilerseniz renk kutusuna tıklayarak bir renk seçin.
Sonucu rgb() biçiminde okuyun; kırmızı, yeşil ve mavi değerlerini HSL, HSV ve CMYK ile birlikte kaydırıcılarda görün.
İstediğiniz formatı tek tıklamayla kopyalayın. Formatların yanındaki formül, her hex basamak çiftinin 0 ile 255 arasında bir sayıya nasıl dönüştüğünü gösterir.

Hex'ten RGB'ye çevirme formülü

Hex renk kodu, onaltılık olarak yazılmış üç bayttır: #RRGGBB. Her basamak çifti, 00 (0) ile FF (255) arasında değer alan bir kanaldır. Bir çifti çevirmek için ilk basamağı 16 ile çarpın ve ikinci basamağı ekleyin; A = 10, B = 11, C = 12, D = 13, E = 14 ve F = 15 olarak sayılır. #7C3AED için örnek:

Kırmızı: 7C = 7 × 16 + 12 = 124
Yeşil: 3A = 3 × 16 + 10 = 58
Mavi: ED = 14 × 16 + 13 = 237

Yani #7C3AED = rgb(124, 58, 237).

Kısa ve saydam hex renk kodları

3 basamaklı kod, her basamağın iki kez yazıldığı kısa bir gösterimdir: #F80 = #FF8800 = rgb(255, 136, 0). 8 basamaklı kod, opaklık için bir alfa baytı ekler: #7C3AED80 kodunda son çift 80 = 128 ve 128 ÷ 255 ≈ 0.5 olduğundan bu kod rgba(124, 58, 237, 0.5) değerine eşittir. 4 basamaklı #RGBA biçimi de aynı şekilde çalışır.

Sık kullanılan hex renk kodları ve RGB değerleri

Renk	Hex	RGB
Beyaz	`#FFFFFF`	`rgb(255, 255, 255)`
Siyah	`#000000`	`rgb(0, 0, 0)`
Kırmızı	`#FF0000`	`rgb(255, 0, 0)`
Lime (parlak yeşil)	`#00FF00`	`rgb(0, 255, 0)`
Mavi	`#0000FF`	`rgb(0, 0, 255)`
Sarı	`#FFFF00`	`rgb(255, 255, 0)`
Turuncu	`#FFA500`	`rgb(255, 165, 0)`
Gri	`#808080`	`rgb(128, 128, 128)`
Lacivert	`#000080`	`rgb(0, 0, 128)`
Mor	`#800080`	`rgb(128, 0, 128)`
Petrol mavisi (teal)	`#008080`	`rgb(0, 128, 128)`

Sıkça sorulan sorular

Hex renk kodu elle RGB'ye nasıl çevrilir?

Kodu üç çifte ayırın ve her çifti onaltılıktan çevirin: ilk basamak × 16 + ikinci basamak. #1E90FF için: 1E = 30, 90 = 144 ve FF = 255; yani renk rgb(30, 144, 255) olur.

#F80 gibi 3 basamaklı bir hex renk kodu ne anlama gelir?

Her basamağı iki kez yazılmış 6 basamaklı bir kodun kısaltmasıdır: #F80 = #FF8800 = rgb(255, 136, 0). Yalnızca her çifti iki aynı basamaktan oluşan renkler kısaltılabilir.

JavaScript veya Python'da hex RGB'ye nasıl çevrilir?

JavaScript: [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)) (#RRGGBB biçimindeki bir kod için). Python: tuple(int(h[i:i + 2], 16) for i in (1, 3, 5)). CSS'te çevirmeye gerek yoktur – iki gösterim de kabul edilir.

CSS için hex mi yoksa RGB mi daha iyi?

İkisi de tamamen aynı renkleri tanımlar. Hex daha kısadır ve tasarım araçlarında yaygındır; rgb() ise okunması ve ayarlanması daha kolaydır, rgba() ile saydamlığı da açıkça gösterir. Modern tarayıcılar alfa içeren 8 basamaklı hex kodlarını da kabul eder.