RGB to Hex Renk Kodu Çevirici

Q: Neden her kanal iki hex basamağından oluşmalı?

Hex renk kodu sabit çiftler hâlinde okunur. rgb(0, 128, 9) , #008009 olarak yazılmalıdır; baştaki sıfırları atmak çiftleri kaydırır ve farklı ya da geçersiz bir renk ortaya çıkar.

Q: Hex renk kodu saydamlık içerebilir mi?

Evet. Modern tarayıcılar 8 basamaklı #RRGGBBAA kodlarını kabul eder; son çift, 00 (tamamen saydam) ile FF (opak) arasındaki alfa değeridir. rgba(124, 58, 237, 0.5) , #7C3AED80 olur.

Kırmızı, yeşil ve mavi değerlerini kaydırıcılarla ayarlayın ya da yazın; hex renk kodunu anında alın. rgb(124, 58, 237) gibi bir CSS değerini veya saydamlık içeren bir rgba() değerini de yapıştırabilirsiniz.

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

RGB değerleri

CSS rgb() değeri

Hex renk kodu

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.

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

Kırmızı, yeşil ve mavi değerlerini (0–255) kaydırıcılarla veya sayı alanlarıyla girin ya da bir CSS rgb() değeri yapıştırın.
Hex kodu, HSL, HSV ve CMYK ile birlikte anında görünür. Saydamlık içeren 8 basamaklı bir hex kodu için alfayı 1'in altına ayarlayın.
Hex kodunu kopyalayın ya da her değerin nasıl çevrildiğini görmek için formülü izleyin.

RGB'den hex'e çevirme formülü

0 ile 255 arasındaki her RGB kanalı tam olarak iki hex basamağına dönüşür. Değeri 16'ya bölün: bölümün tam sayı kısmı ilk basamak, kalan ise ikinci basamaktır; 10–15 arası A–F olarak yazılır. rgb(124, 58, 237) için örnek:

Kırmızı: 124 ÷ 16 = 7, kalan 12 → 7C
Yeşil: 58 ÷ 16 = 3, kalan 10 → 3A
Mavi: 237 ÷ 16 = 14, kalan 13 → ED

Bunları bir # işaretinin ardından birleştirince #7C3AED elde edilir. Her kanal için her zaman iki basamak yazın: 9 sayısı 09 olarak yazılır, 9 olarak değil.

Kodda RGB'den hex'e çevirme

JavaScript: '#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('')
Python: '#{:02X}{:02X}{:02X}'.format(r, g, b)
Excel ve Google E-Tablolar: ="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)
CSS: çevirmeye gerek yok – rgb() ve hex kodları birbirinin yerine kullanılabilir.

Saydamlık (alfa) ekleme

8 basamaklı bir kod için opaklığı (0–1) 255 ile çarpın, yuvarlayın ve iki hex basamağı olarak sona ekleyin: 0.5 × 255 = 127.5 → 128 → 80; yani rgba(124, 58, 237, 0.5) = #7C3AED80.

Opaklık	Hex	Opaklık	Hex
%100	`FF`	%50	`80`
%90	`E6`	%40	`66`
%80	`CC`	%30	`4D`
%75	`BF`	%25	`40`
%70	`B3`	%20	`33`
%60	`99`	%10	`1A`

Sıkça sorulan sorular

RGB'yi hex'e çevirme formülü nedir?

Her kanal için ilk hex basamağı, değerin 16'ya bölümünün tam sayı kısmı; ikincisi ise kalandır. 10–15 arası A–F olarak yazılır. Üç çifti bir # işaretinin ardından birleştirin: rgb(255, 165, 0) → FF, A5, 00 → #FFA500.

Neden her kanal iki hex basamağından oluşmalı?

Hex renk kodu sabit çiftler hâlinde okunur. rgb(0, 128, 9), #008009 olarak yazılmalıdır; baştaki sıfırları atmak çiftleri kaydırır ve farklı ya da geçersiz bir renk ortaya çıkar.

Hex renk kodu saydamlık içerebilir mi?

Evet. Modern tarayıcılar 8 basamaklı #RRGGBBAA kodlarını kabul eder; son çift, 00 (tamamen saydam) ile FF (opak) arasındaki alfa değeridir. rgba(124, 58, 237, 0.5), #7C3AED80 olur.

RGB'den hex'e çevirme kesin midir?

Tam sayı RGB değerleri için evet: 0 ile 255 arasındaki her sayının tam olarak bir tane iki basamaklı hex karşılığı vardır; bu yüzden geri çevirdiğinizde aynı değerleri elde edersiniz. Yalnızca alfa, 256 adımdan en yakınına yuvarlanır.