HTML Renk Kodu Dönüştürücü

RGB, HEX ve HSL renk kodlarını birbirine dönüştürün. Web tasarım ve CSS için renk kodu hesaplayıcı.

Reklam

HTML Renk Kodları

Web tasarımda renkler üç ana sistemle ifade edilir: HEX, RGB ve HSL. Bu araç ile renk kodlarını birbirine dönüştürebilirsiniz.

Renk Kod Sistemleri

  • HEX: # ile başlayan 6 haneli onaltılık kod. Örn: #FF5733
  • RGB: Kırmızı, Yeşil, Mavi değerleri (0-255). Örn: rgb(255, 87, 51)
  • HSL: Renk Tonu, Doygunluk, Parlaklık. Örn: hsl(12, 100%, 60%)

CSS'te Renk Kullanımı

CSS'te renkleri şu şekillerde kullanabilirsiniz:

color: #FF5733;
background-color: rgb(255, 87, 51);
border-color: hsl(12, 100%, 60%);

Modern tarayıcılar üç formatı da destekler. HEX en yaygın kullanılan formattır.

Reklam

Sıkça Sorulan Sorular

HEX renk kodu, renkleri onaltılık (hexadecimal) sayı sistemiyle ifade eden 6 haneli bir koddur. # işaretiyle başlar. İlk 2 hane kırmızı, ortadaki 2 hane yeşil, son 2 hane mavi değerini temsil eder.
Her ikisi de aynı rengi ifade eder, sadece gösterim biçimi farklıdır. RGB onluk (0-255), HEX ise onaltılık (00-FF) sayı sistemi kullanır. #FF0000 = rgb(255, 0, 0) = Kırmızı.
HSL: Hue (Renk Tonu, 0-360°), Saturation (Doygunluk, 0-100%), Lightness (Parlaklık, 0-100%) anlamına gelir. İnsan gözünün renk algısına daha yakın bir modeldir.
HEX formatı en yaygın kullanılan formattır. Ancak opaklık (transparency) gerektiğinde rgba() formatı tercih edilir.
#RGB formatında her hane iki kez tekrarlanır. Örneğin #F00 = #FF0000, #ABC = #AABBCC şeklinde açılır.

Diğer Hesaplama Araçları

Kelime Sayisi Hesaplama

Hemen hesapla →

Md5 Hesaplama

Hemen hesapla →

Sifre Hesaplama

Hemen hesapla →

Karar Hesaplama

Hemen hesapla →

Ebced Hesaplama

Hemen hesapla →

Parmak Alfabesi Hesaplama

Hemen hesapla →