HTML renk kodu dönüştürme: HEX, RGB, HSL

Kısa cevap

HEX kodundaki her iki hane, 16'lık tabanda kırmızı, yeşil ve mavinin 0–255 arası değeridir. #1E90FF kodu rgb(30, 144, 255) ve hsl(209.6, 100%, 55.9%) olarak yazılır. HSL, rengi ton açısı, doygunluk ve açıklıkla tarif eder. Araç HEX, RGB ya da HSL girişinden diğer ikisini hesaplar.

Renk kodu dönüştürme

Yazdıkça hesaplar

Hesap tarayıcınızda yapılır; girdiğiniz değerler hiçbir yere gönderilmez. Adres çubuğundaki bağlantı bu hesabı aynı değerlerle açar.

HEX girişinin karşılıkları

#1E90FF

rgb(30, 144, 255) · hsl(209.6, 100%, 55.9%)

HEX#1E90FF
RGBrgb(30, 144, 255)
HSLhsl(209.6, 100%, 55.9%)
RGB (0–1)0.118, 0.565, 1
Onluk tek sayı2003199
Adım adım çözüm
  1. HEX → RGB: 1E = 30, 90 = 144, FF = 255 (16'lık tabandan onluğa)
  2. Açıklık L = (en büyük + en küçük) ÷ 2 = 55.9%
  3. Doygunluk S = (en büyük − L) ÷ min(L, 1 − L) = 100%
  4. Ton H = 209.6° (en büyük kanala göre renk çemberindeki açı)
  5. HSL'den dönüşte kanallar en yakın tam sayıya yuvarlanır; bu yüzden HSL → RGB → HSL gidiş-dönüşünde ondalıklar biraz değişebilir.

Bu hesaplama işinize yaradı mı?

Nasıl hesaplanır?

HEX → RGB: her iki hane 16'lık tabandan onluğaÖrnek: 1E = 30, 90 = 144, FF = 255

L = (maks + min) ÷ 2; S = (maks − L) ÷ min(L, 1 − L)Örnek: maks 1, min 0,118 → L = %55,9, S = %100

H = en büyük kanala göre 60° × fark oranıÖrnek: Mavi en büyük: H = 60 × ((R − G) ÷ fark + 4) = 209,6°

Sık dönüştürülen renkler

SoruCevap
#FF0000 rgb karşılığı#FF0000
rgb(255, 255, 255) hex#FFFFFF
#333 hangi renk#333333
hsl(210, 100%, 56%) hex kodu#1F8FFF
0,128,0 hex#008000

Gidiş-dönüşte neden küçük fark çıkar?

RGB kanalları tam sayıdır, HSL ise ondalıklı olabilir. hsl(210, 100%, 56%) rgb(31, 143, 255) olur; bu RGB tekrar HSL'ye çevrildiğinde 210° yerine 209,8° gibi bir değer görülür. Kodlarda HEX ya da RGB esas alındığında sorun yoktur. Üç haneli HEX (#FFF) her hanenin tekrarlanmasıyla altı haneye açılır: #FFFFFF.

Dönüşüm W3C CSS Color Module Level 4'teki sRGB tanımına göre yapılır; bu yüzden tarayıcılarda gördüğünüz renkle aynıdır.

Sık sorulan sorular

HEX kodu RGB'ye nasıl çevrilir?

Kod ikişer haneye bölünür ve her parça 16'lık tabandan onluğa çevrilir. #FF8000'de FF = 255, 80 = 128, 00 = 0, yani rgb(255, 128, 0).

HSL ne demek?

Hue (ton, 0–360°), saturation (doygunluk, %) ve lightness (açıklık, %) değerleridir. Açıklık %0'da siyah, %100'de beyaz elde edilir.

Saydamlık (alfa) değeri dönüştürülür mü?

Bu araç yalnız renk kanallarını çevirir; rgba ve hsla girişindeki alfa değeri desteklenmez.

Kaynak ve yöntem

Hesap tarayıcınızda yapılır; girdiğiniz değerler sunucuya gönderilmez ve kaydedilmez. Formüller her içerik kontrolünde test edilir.

Bu aracı sitenize ekleyin

Aşağıdaki kodu sitenizin HTML'ine yapıştırın; araç sayfanızda çalışır, hesaplar ziyaretçinin tarayıcısında yapılır. Ücretsizdir.

Önizleme

Bu sayfa hakkında

Son kontrol
Yöntem
Formüller resmî kaynaklarla karşılaştırılır ve otomatik testlerle denetlenir. Yöntem ve kaynaklar
Düzeltme
Hata bildirimleri kaynağıyla kontrol edilir, düzeltmeler değişiklik günlüğünde yayımlanır. Hata bildirin