Bu araç hakkında
HSL (Ton, Doygunluk, Açıklık) renk değerlerini onaltılık kodlara dönüştürün. HSL, Ton'un renk açısını (0-360°), Doygunluğun renk yoğunluğunu (%0-100) ve Açıklığın rengin ne kadar açık veya koyu olduğunu (%0-100) kontrol ettiği sezgisel bir renk modelidir. HSL'de çalışan ve CSS için onaltılık kodlara ihtiyaç duyan tasarımcılar için kullanışlıdır.
Sık sorulan sorular
- Neden hex veya RGB yerine HSL kullanmalısınız?
- HSL insanlar için daha sezgiseldir. Daha koyu bir gölge mi istiyorsunuz? Hafifliği azaltın. Sessiz bir sürüm mü istiyorsunuz? Doygunluğu azaltın. Bu ilişkiler, üç kanalın tümünü ayarlamanız gereken hex veya RGB'de belirgin değildir.
- 0 ve 360 arasındaki Ton ne anlama gelir?
- Hem 0° hem de 360° kırmızıdır; renk çarkı etrafı sarar. Ana tonlar: 0° = kırmızı, 60° = sarı, 120° = yeşil, 180° = camgöbeği, 240° = mavi, 300° = macenta.
- %0 ve %100 doygunlukta ne olur?
- %0 doygunlukta herhangi bir renk tonu grinin bir tonuna dönüşür (yalnızca açıklıkla belirlenir). %100 doygunlukta o renk tonunun en saf, en canlı versiyonunu elde edersiniz.
- Hafiflik nasıl çalışır?
- %0 açıklık, renk tonu/doygunluktan bağımsız olarak her zaman siyahtır. %100 her zaman beyazdır. %50 rengin saf, en canlı versiyonunu verir. %0-50 arasındaki değerler daha koyu tonları, %50-100 arasındaki değerler ise daha açık tonları gösterir.