HTML Renk Kodu Dönüştürücü | RGB HEX HSL

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 nedir?

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.

RGB ve HEX arasındaki fark nedir?

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 ne anlama gelir?

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.

Web tasarımda en çok hangi format kullanılır?

HEX formatı en yaygın kullanılan formattır. Ancak opaklık (transparency) gerektiğinde rgba() formatı tercih edilir.

3 haneli HEX kodu nasıl çalışır?

#RGB formatında her hane iki kez tekrarlanır. Örneğin #F00 = #FF0000, #ABC = #AABBCC şeklinde açılır.