EvetVar
Dosya ve Belge Dönüştürme

Renk Kodu Çevirici (HEX/RGB)

HEX, RGB ve HSL renk kodları arasında anında dönüştür. Renk seçiciyle seç, kodu tek tıkla kopyala — tasarım ve kod için pratik.

Bilmeniz Gerekenler

Renk Kodu Çevirici Nedir?

Renk kodu çevirici, bir rengi HEX, RGB ve HSL formatları arasında anında dönüştüren bir tasarım aracıdır. Renk seçiciden istediğiniz tonu seçebilir ya da elinizdeki bir HEX veya RGB değerini doğrudan girebilirsiniz; üç formatın karşılığı eş zamanlı üretilir ve her birini tek tıkla kopyalayabilirsiniz.

Web tasarımı, CSS çalışmaları, grafik tasarım ve marka renklerini farklı araçlar arasında eşleştirme gibi işlerde zaman kazandırır. Ücretsiz, üyeliksiz ve reklamsızdır, tüm dönüşümler tarayıcıda anında yapılır.

HEX, RGB ve HSL Arasındaki Fark Nedir?

HEX, altı haneli onaltılık bir koddur (örneğin #0EA5E9) ve web'de en yaygın renk gösterimidir. RGB ise rengi kırmızı, yeşil ve mavi kanallarının 0–255 arası değerleriyle tanımlar; aynı maviyi rgb(14, 165, 233) olarak ifade eder. HSL ise rengi ton (H), doygunluk (S) ve açıklık (L) ile anlatır ve insan algısına en yakın modeldir.

Üç format da aynı rengi farklı dille tarif eder; hangisini kullanacağınız çalıştığınız araca bağlıdır. CSS'te üçü de geçerlidir, ancak HSL özellikle bir rengin ton ve açıklığını sezgisel şekilde ayarlamak için elverişlidir.

Renk Paleti Oluştururken İpuçları

HSL modeli palet türetmek için çok kullanışlıdır: ton (H) değerini sabit tutup açıklık (L) değerini değiştirerek aynı rengin daha açık ve daha koyu tonlarını kolayca üretebilirsiniz. Bu yöntem, uyumlu bir renk ailesi oluşturmanın en hızlı yoludur.

Renk kodları onaltılık tabanı kullandığından, sayı sistemleri arası dönüşümle ilgileniyorsanız taban çevirici aracı da işinize yarayabilir. Renk formatlarıyla ilgili sık sorulan sorulara aşağıdan ulaşabilirsiniz.

Sıkça Sorulan Sorular

Merak Edilenler

HEX kodunu RGB'ye nasıl çeviririm?

HEX değerini araca girmeniz yeterli; RGB karşılığı anında hesaplanıp gösterilir ve tek tıkla kopyalanabilir. Örneğin #0EA5E9 değeri rgb(14, 165, 233) olur.

HEX, RGB ve HSL arasındaki fark nedir?

Üçü de aynı rengi farklı şekilde ifade eder. HEX onaltılık koddur, RGB kırmızı-yeşil-mavi kanallarını kullanır, HSL ise rengi ton, doygunluk ve açıklık ile tanımlar.

Renk seçici ile kod alabilir miyim?

Evet. Renk seçiciden bir renk seçtiğinizde HEX, RGB ve HSL karşılıkları otomatik üretilir; istediğiniz formatı kopyalayabilirsiniz.

CSS'te hangi renk formatını kullanmalıyım?

HEX, RGB ve HSL'nin üçü de CSS'te geçerlidir. HEX en yaygın olanıdır; ton ve açıklığı sezgisel ayarlamak isterseniz HSL daha pratiktir.

Bir rengin açık ve koyu tonlarını nasıl bulurum?

HSL formatında ton (H) değerini sabit tutup açıklık (L) değerini artırıp azaltarak aynı rengin daha açık veya koyu tonlarını kolayca türetebilirsiniz.