Renk seçin veya HEX kodu yazın — RGB ve HSL karşılıklarını anında alın. Tek tıkla panonuza kopyalayın. Web tasarımı ve CSS çalışmaları için.
Detaylı Bilgi
Renk seçici, görsel palet üzerinden renk seçmenizi ve HEX, RGB, HSL değerlerini anlık görmenizi sağlar; renkler arası dönüşüm de yapar. Web tasarımı, grafik çalışması ve kodda kullanacağınız rengin tam kodunu bulmak için temel araçtır.
HEX web'de en yaygın biçimdir; RGB ekran rengini kırmızı-yeşil-mavi bileşenleriyle, HSL ise ton-doygunluk-parlaklık ekseninde tanımlar. HSL ile aynı tonun açık-koyu varyasyonlarını üretmek kolaydır; tasarım sistemleri için bu yöntem önerilir.
Renk kutusuna tıklayarak renk seçin veya HEX kodu yazın.
HEX, RGB ve HSL değerleri otomatik hesaplanır.
Kopyalamak istediğiniz formata tıklayın.
Sık Sorulan Sorular
HEX, RGB ve HSL arasındaki fark nedir?
Üçü de aynı rengi farklı gösterir: HEX web'de standart kısaltmadır (#D3FD50), RGB kırmızı-yeşil-mavi kanal değerleridir, HSL ise ton-doygunluk-parlaklık mantığıyla yazılır ve renk varyasyonu üretmeyi kolaylaştırır.
CSS'te hangisini kullanmalıyım?
Üçü de geçerlidir. Renk tonunu sabit tutup açık/koyu varyasyonlar üretecekseniz HSL, kısa yazım isterseniz HEX pratiktir.
Kontrast oranı neden önemli?
Metin ile zemin arasındaki kontrast, erişilebilirlik (WCAG) için kritiktir. Araç, seçtiğiniz renkte okunabilir metin rengini (siyah/beyaz) otomatik önizler.
Diğer Ücretsiz Araçlar
Tüm işlemler tarayıcınızda gerçekleşir; dosyalarınız hiçbir sunucuya yüklenmez.