Tüm araçlar
Tasarım & CSS
Renk Dönüştürücü (HEX / RGB / HSL)
Renk seçin; HEX, RGB ve HSL karşılıklarını anında görün ve kopyalayın.
Her şey tarayıcınızda çalışır — veriniz hiçbir sunucuya gönderilmez.
HEX
#4770FF
RGB
rgb(71, 112, 255)
HSL
hsl(227, 100%, 64%)
Renk Dönüştürücü nedir?
Aynı renk farklı yerlerde farklı biçimlerde yazılır: tasarım araçları genellikle HEX, saydamlık gerektiren CSS değerleri RGB, ton ayarlamaları ise HSL kullanır. Bu araç bir rengin üç karşılığını aynı anda gösterir.
Ne işe yarar?
- Tasarım dosyasındaki HEX rengi CSS'te saydam (rgba) olarak kullanmak
- Bir rengin daha açık veya daha koyu tonunu HSL üzerinden üretmek
Dikkat edilmesi gerekenler
- Metin ile arka plan arasında yeterli kontrast bırakın; WCAG normal metin için en az 4.5:1 önerir.
İlgili araçlar
Bu araçları geliştiren kişiyle bir proje konuşmak ister misiniz?
İletişime geçin