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

Nasıl çalışır?

Her satıra bir renk yazın; biçim otomatik tanınır. HEX kodları altı haneli (#2F6FED) ya da üç haneli kısa yazımla (#2F6) verilebilir, baştaki diyez isteğe bağlıdır. RGB için rgb(154, 52, 18) yazımı ya da doğrudan üç sayı kabul edilir. HSL'de ton 0-360 derece, doygunluk ve açıklık yüzde olarak beklenir. Tanınmayan satırlar çıktıda işaretlenir, böylece hangi satırın hatalı olduğunu görürsünüz.

Bu araç rgb hex, renk kodu bulma aramalarıyla da biliniyor.

HEX renk kodu nedir?

HEX kodu, bir rengin kırmızı, yeşil ve mavi bileşenlerini on altılık tabanda yazan altı haneli gösterimdir: #9A3412 gibi. İlk iki hane kırmızıyı, ortadaki ikisi yeşili, son ikisi maviyi taşır; #F00 gibi üç haneli kısaltmalar da her hanenin ikizlenmesiyle okunur. Kısa ve kopyalanması kolay olduğu için CSS'in, tasarım araçlarının ve marka kılavuzlarının varsayılan renk dili hâline gelmiştir.

RGB nedir?

RGB, rengi ekranların çalışma prensibiyle anlatır: kırmızı (Red), yeşil (Green) ve mavi (Blue) ışığın 0-255 arası şiddetleri. rgb(154, 52, 18) yazımı, üç kanalın değerini açıkça gösterir; bir kanalı artırıp azaltmanın renge etkisini görmek bu gösterimde kolaydır. HEX ile birebir aynı bilgiyi taşır — yalnızca sayı tabanı farklıdır; kod içinde kanal hesabı yapılacaksa RGB tercih edilir.

HSL nedir?

HSL, rengi insan algısına yakın üç bileşenle tanımlar: ton (Hue, renk çemberinde 0-360 derece), doygunluk (Saturation) ve açıklık (Lightness). Aynı rengin daha açık, daha koyu veya daha soluk varyantını üretmek HSL'de tek sayıyı değiştirmek kadar kolaydır; bu yüzden renk paleti kurarken ve tema türetirken tasarımcıların tercih ettiği gösterimdir. CSS, hsl() yazımını doğrudan destekler.

HEX ile RGB aynı renk mi?

Evet — HEX ve RGB aynı bilginin iki yazımıdır: #9A3412 ile rgb(154, 52, 18) birebir aynı rengi tanımlar, çünkü on altılık 9A, onluk 154'tür. Aralarındaki seçim yalnızca kullanım yerine bağlıdır. HSL ise aynı rengi farklı bir modelle (ton-doygunluk-açıklık) anlatır; değerleri okunabilirlik için tam sayıya yuvarlandığından HSL üzerinden gidip dönen çevrimlerde bir-iki birimlik zararsız fark görebilirsiniz.

Hangi biçimi ne zaman kullanmalı?

Üç gösterim de aynı rengi taşıyabilir; seçim, rengin nerede kullanılacağına göre yapılır. Stil dosyasına yazılacak tek bir değer için en pratik olan HEX'tir.

Kanallarla hesap yapacaksanız RGB, aynı rengin açık/koyu ailesini türetecekseniz HSL ile çalışmak zaman kazandırır.

• HEX → kısa, CSS ve tasarım araçlarında yaygın
• RGB → kanalları ayrı ayrı görmek gerektiğinde
• HSL → ton ailesi ve açık/koyu varyant üretmek için

Yuvarlama neden oluyor?

HSL değerleri kesirli sayılardır; okunabilir olması için tam sayıya yuvarlanır. Bu yüzden HEX'ten HSL'ye ve geri çevirdiğinizde bir-iki birimlik fark görebilirsiniz.

Fark gözle ayırt edilemez, ancak birebir aynı kodu koruması gereken durumlarda HEX değerini kaynak olarak saklayın.

Sık sorulanlar

HEX kodunu RGB'ye nasıl çeviririm?

Kodu sol panele yazın, çıktı biçiminden RGB'yi seçin. Sonuç anında sağ panelde görünür.

Birden fazla rengi aynı anda çevirebilir miyim?

Evet. Her satıra bir renk yazın; hepsi tek seferde dönüştürülür.

Kısa HEX yazımı destekleniyor mu?

Evet, #2F6 gibi üç haneli kodlar altı haneye genişletilerek okunur.