İçeriğe geç

HTML Renk Kodu Hesaplama

HEX, RGB ve HSL formatları arasında anında renk kodu dönüşümü yapın.

Renk PaletiKutudan renk seçin

HEX Kodu: #1B365D

Sonuç · HEX Kodu

#1B365D

RGB Kodu
rgb(27, 54, 93)
HSL Kodu
hsl(215, 55%, 24%)
Kırmızı (R)
27 / 255
Yeşil (G)
54 / 255
Mavi (B)
93 / 255
Parlaklık (L)
%23,5
Önizleme: #1B365D · rgb(27, 54, 93)

Nasıl hesaplandı?

  1. 1.HEX değeri: #1B365D
  2. 2.Onaltılıktan onluğa: R: 27, G: 54, B: 93
  3. 3.CSS RGB gösterimi: rgb(27, 54, 93)
  4. 4.CSS HSL gösterimi: hsl(215, 55%, 24%)

Seçilen #1B365D renginin RGB karşılığı rgb(27, 54, 93), HSL karşılığı ise hsl(215, 55%, 24%)dir.

Kısaca: HEX kodu, kırmızı, yeşil ve mavi kanallarını 00–FF arası onaltılık değerlerle yazan 6 karakterli koddur (#RRGGBB). Kodu girdiğinizde araç RGB ve HSL karşılığını gösterir; kısa yazılan #FFF, #FFFFFF ile aynıdır.

Temel Web Renk Kodları

Renk AdıHEX KoduRGB Kodu
Beyaz#FFFFFFrgb(255, 255, 255)
Siyah#000000rgb(0, 0, 0)
Kırmızı#FF0000rgb(255, 0, 0)
Yeşil#008000rgb(0, 128, 0)
Mavi#0000FFrgb(0, 0, 255)
Lacivert#1B365Drgb(27, 54, 93)
Sarı#FFFF00rgb(255, 255, 0)
Turuncu#FFA500rgb(255, 165, 0)
Gri#808080rgb(128, 128, 128)

Sık sorulan sorular

HEX renk kodu nedir?

HEX renk kodu, kırmızı (R), yeşil (G) ve mavi (B) renk kanallarının 00 ile FF arasında iki haneli onaltılık (hexadecimal) değerlerle ifade edildiği 6 karakterli bir koddur (#RRGGBB).

RGB ve HSL arasındaki fark nedir?

RGB (Red, Green, Blue) rengi ışık kanallarının yoğunluğuyla (0-255) tanımlarken; HSL (Hue, Saturation, Lightness) rengi ton (0-360°), doygunluk (%0-100) ve parlaklık (%0-100) olarak insan gözünün algısına daha yakın tanımlar.

CSS'te renk kodları nasıl kullanılır?

CSS stillerinde 'color: #1B365D;', 'background-color: rgb(27, 54, 93);' veya 'color: hsl(215, 55%, 24%);' şeklinde kullanılabilir.

3 haneli kısa HEX kodu ne anlama gelir?

Örneğin #FFF kodu #FFFFFF, #36C kodu ise #3366CC ile aynıdır. Her basamak kendini iki kez tekrar eder.