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ı.

Kırmızı (R)

Yeşil (G)

Mavi (B)

HEX Renk Kodu

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.

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.

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

HTML Renk Kodları

Renk Kod Sistemleri

CSS'te Renk Kullanımı

Sıkça Sorulan Sorular

Diğer Hesaplama Araçları

Kelime Sayisi Hesaplama

Md5 Hesaplama

Sifre Hesaplama

Karar Hesaplama

Ebced Hesaplama

Parmak Alfabesi Hesaplama