Renk Dönüştürücü

Renk Açma / Koyulaştırma

Bir renk kodunu seçtiğiniz yüzdeyle açın veya koyulaştırın; hover, gölge ve tema tonlarını saniyede üretin.

Renk açma / koyulaştırma aracı

Renk kodu

Yüzde (%)

Renk kodu girin.

Sonuç

Hesaplama sonucu

Birinci sonuç: -
İkinci sonuç: -
Üçüncü sonuç: -

Renk açma ve koyulaştırma nasıl çalışır?

Araç, girdiğiniz rengi önce HSL uzayına çevirir ve yalnızca açıklık (lightness) değerini seçtiğiniz yüzde kadar artırıp azaltır. Bu yöntem, RGB kanallarına doğrudan beyaz/siyah karıştırmaya göre rengin tonunu ve doygunluğunu koruduğu için tasarımda daha tutarlı sonuç verir.

Tipik kullanım alanları: buton hover ve aktif durum renkleri (%8-15 koyulaştırma), kart ve arka plan tonları (%70-90 açma), karanlık tema türetme ve marka renginden palet oluşturma.

HEX, RGB ve HSL formatındaki girdiler otomatik algılanır; sonuçta açılmış ve koyulaştırılmış iki yeni HEX kodu önizleme kutularıyla birlikte gösterilir.

Örnek kullanım

#2563EB ve %20 girildiğinde daha açık ton yaklaşık #6B96F2, daha koyu ton yaklaşık #123D96 olarak üretilir; ikisi de önizlemeyle gösterilir.

Sık sorulan sorular

Renk Açma / Koyulaştırma hakkında kısa ve net yanıtlar.

Hover rengi için kaç yüzde koyulaştırma uygun?

Yaygın pratik %8-15 aralığıdır; buton gibi etkileşimli öğelerde fark edilir ama rahatsız etmez. Aktif (pressed) durum için %15-20 kullanılabilir.

Neden HSL üzerinden açılıyor?

HSL'de yalnızca açıklık değişince rengin tonu ve doygunluğu korunur; RGB'ye beyaz/siyah karıştırmak ise rengi soluklaştırabilir.

Hangi formatları girebilirim?

HEX (#RGB, #RRGGBB), rgb() ve hsl() yazımları otomatik algılanır.

Formatlar arasında çevirme de yapabilir miyim?

Evet, bunun için Renk Kodu Çevirici aracını kullanın; HEX, RGB, RGBA ve HSL arasında tüm yönlerde dönüşüm yapar.

Benzer hesaplamalar

Renk Açma / Koyulaştırma ile birlikte kullanabileceğiniz diğer CalixLab araçları.