WebToolBox

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

WebToolBox tarafından sağlanan Veri kategorisindeki ücretsiz Renk Dönüştürücü aracını doğrudan tarayıcınızda deneyin. Kurulum yapmadan görevlerinizi hızlı ve güvenli bir şekilde işleyin.

Girdi

R
G
B

Live Preview

Sample text in selected color

Sonuç

HEX#4F46E5
RGBrgb(79, 70, 229)
HSLhsl(243, 75%, 59%)
CSScolor: #4f46e5;

Renk Dönüştürücü (HEX, RGB, HSL) Nedir?

Web tasarımında kullanılan popüler renk kodları (HEX, RGB, HSL) arasında anlık dönüşüm sağlar.

HSL modeli, tasarımcıların renk tonunu değiştirmeden açıklık ve doygunluğu ayarlamasını kolaylaştırır.

Canlı renk önizlemesi ve tek tıkla CSS kopyalama imkanı sunar.

Nasıl Kullanılır

  1. Giriş alanına bir renk kodu yazın.
  2. HEX, RGB ve HSL değerleri otomatik güncellenir.
  3. Canlı renk kutusundan sonucu kontrol edin.
  4. İstediğiniz CSS kodunu kopyalayın.

FAQ

CSS'te HSL kullanmanın avantajı nedir?
Sadece parlaklık yüzdesini değiştirerek butonların üzerine gelme (hover) renklerini kolayca oluşturabilirsiniz.

VeriAraç navigasyonu