Renk Tonları Gölgeler

Bu araç, taban rengin HSL açıklık değerini sırasıyla %100'e ve %0'a doğru adımlayarak bir taban rengin tint'lerini (daha açık varyantlar) ve shade'lerini (daha koyu varyantlar) üretir. Kaç adım olacağını seçersiniz (5-20) ve hex kodunu kopyalamak için herhangi bir renk örneğine tıklarsınız. Tint'ler renk tonunu ve doygunluğu sabit tutup açıklığı artırır; shade'ler ise düşürür.

1. Renk seçici veya hex girişiyle bir Base Color (Taban Renk) seçin. 2. Steps (Adımlar) kaydırıcısını 5 ile 20 arasında ayarlayın. 3. Tints kartı daha açık varyantları gösterir (her biri hex ve adım yüzdesiyle etiketlenir); Shades kartı daha koyu varyantları gösterir. 4. Hex kodunu kopyalamak için herhangi bir renk örneğine tıklayın; bir onay işareti kopyalamayı onaylar.

Taban renk HSL'ye dönüştürülür. N adımından `i` adımı için bir tint `L = baseL + (100 - baseL) * (i / N)` değerini, bir shade ise `L = baseL - baseL * (i / N)` değerini ayarlar; renk tonu ve doygunluk sabit tutulur. Yüzde etiketi `round((i / N) * 100)` şeklindedir ve açıklık değerinden ziyade rampa boyunca ilerlemeyi temsil eder. Elde edilen HSL, görüntülemek için RGB'ye ve ardından hex'e dönüştürülür.