POPÜLER
Büyük/Küçük Harf Dönüştürücü
text
Renk Dönüştürücü
Bir renk seçin veya herhangi bir biçimde yapıştırın - HEX, RGB veya HSL - ve canlı bir örnekle onu aynı anda dört gösterimde de okuyun. Kayıt yok, ücretsiz.
Ayrıntılar
Sonuçlar
HEX#ff4500
- HEX
- #ff4500
- RGB
- rgb(255, 69, 0)
- HSL
- hsl(16, 100%, 50%)
- HSV
- hsv(16, 100%, 100%)
Tamamen tarayıcınızda çalışır Uzunluk veya kullanım sınırı yok Ücretsiz, kayıt yok
Bir renk nasıl dönüştürülür
Bir renk seçin veya yapıştırın
Görsel seçiciyi kullanın veya #ff4500, rgb(255, 69, 0) ya da hsl(16, 100%, 50%) yapıştırın - hepsi tanınır.
Her biçimi okuyun
HEX, RGB, HSL ve HSV değerleri birlikte güncellenir, her biri kendi kopyala düğmesiyle.
Örneği kontrol edin
Canlı örnek, tam olarak kopyaladığınız rengi gösterir.
Renk biçimi soruları, yanıtlandı
HSL'yi RGB yerine ne zaman kullanırım?
HSL, tonu doygunluk ve açıklıktan ayırır, bu da programatik ayarlamaları sezgisel kılar - L'yi düşürerek koyulaştırın, S'yi düşürerek soluklaştırın. RGB ve HEX, CSS ile tasarım araçlarının değiş tokuş ettiği şeydir.
HSL ile HSV arasındaki fark nedir?
İkisi de ton ve doygunluk kullanır, ancak HSL'nin üçüncü ekseni açıklıktır (%100 = beyaz), HSV'ninki ise değer/parlaklıktır (%100 = saf ton). Tasarım yazılımları çoğu zaman HSV gösterir; CSS ise HSL'yi destekler.
#f40 gibi kısaltılmış hex kodları destekleniyor mu?
Evet - #f40, tarayıcıların yorumladığı gibi tam olarak #ff4400'e genişler.
Herhangi bir şey yükleniyor mu?
Hayır. Dönüştürme, tarayıcınızda çalışan basit bir hesaptır.