Renk Seçici

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.

Aracı kullanmak için JavaScript gerekli — bu sayfa yüklenirken otomatik açılır.

Nasıl Kullanılır?

  1. Renk kutusuna tıklayarak renk seçin veya HEX kodu yazın.
  2. HEX, RGB ve HSL değerleri otomatik hesaplanır.
  3. 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.