Renk Dönüştürücü (HEX/RGB/HSL)

Renk formatları arasında dönüştürün, kontrastı kontrol edin.

Ücretsiz
Tüm araçlar tarayıcınızda çalışır; sunucularımıza hiçbir veri gönderilmez.

Renk Dönüştürücü (HEX/RGB/HSL) hakkında

Aynı renk hex, RGB veya HSL olarak yazılabilir ve üçü de aynıdır. HSL bir rengin açık ya da koyu varyantını üretirken değerini kanıtlar: tek bir sayıyı değiştirirsiniz, oysa hex ile aslında tahmin yürütüyorsunuzdur.

Renk Dönüştürücü (HEX/RGB/HSL) nasıl kullanılır

  1. 1

    Rengi herhangi bir biçimde girin veya renk seçiciyi kullanın.

  2. 2

    Diğer biçimler anında hesaplanır.

  3. 3

    Erişilebilirlik için beyaz ve siyaha karşı kontrast oranını kontrol edin.

  4. 4

    İhtiyacınız olan biçimi kopyalayın.

Sıkça sorulan sorular

Hangi kontrast oranını hedeflemeliyim?

WCAG gövde metni için en az 4.5:1, büyük metin için 3:1 ister. Siyah üzerine beyaz 21:1 ile mümkün olan azami değerdir.

HSL'yi ne zaman kullanmalıyım?

Bir renk skalası veya açık ve koyu tema kurarken. HSL'de açıklık ayarlamak öngörülebilirdir, hex değerlerini kurcalamak değil.

Sekiz haneli hex kodu nedir?

Son iki hane alfa saydamlığını taşır. Örneğin 80 son eki yaklaşık yüzde elli saydam demektir.

İlgili araçlar

CSS Gradyan Üreteci Doğrusal ve radyal gradyanlar oluşturun, hazır CSS alın. CSS Box-Shadow Üreteci Canlı önizlemeyle gölge ayarlayın ve kodu kopyalayın.
Tüm araçları gör