Renk Tonu Jeneratörü Ayarlabilir adım sayısı ile herhangi bir rengin daha açık tonlarını üretin.

🎨

Renk Tonu Jeneratörü

Ayarlabilir adım sayısı ile herhangi bir rengin daha açık tonlarını üretin.

Temel Rengi Seç

Başlangıç renginizi seçin.

Adım Sayısını Ayarla

Kaç adet ilerleyici olarak daha açık tonlar üretileceğini belirleyin.

Tonları Kopyala

Bireysel tonları veya tüm seti kopyalayın.

Loading tool...

What Is Renk Tonu Jeneratörü?

Bir renk tonu jeneratörü, HSL renk uzayında beyaz doğru lightness değerini artırarak herhangi bir temel rengin ilerleyici olarak daha açık versiyonlarını oluşturur. Tonlar orijinal hue ve doygunluğu korurken beyaz ekler ve böylece daha yumuşak, daha nazik renk versiyonları üretir. En açık tonlar pastel bölgeye yaklaşır - arka planlar, kartlar ve ince UI öğeleri için güzel bir şekilde çalışan o yumuşak, havadar renkler. Tonlar gölgelerin tersidir: Gölgeler siyaha doğru koyulaşırken, tonlar beyaza doğru açılır. Birlikte, herhangi bir eksiksiz renk ölçeğinin temelini oluştururlar. Bu araç, eşit lightness dağılımına sahip tonlar üretir ve her adımda lightness yüzdesini gösterir, böylece tasarım sistemleri için sistematik renk paletleri oluşturmayı kolaylaştırır.

Why Use Renk Tonu Jeneratörü?

HSL tabanlı açıklama, tüm tonlarda renk kimliğini korur
3 ile 15 arası тон adımlarına ayarlanabilir
Her bir ton için parlaklık yüzdesini gösterir
Arka planlar, kartlar ve ince UI öğeleri için idealdir
Bireysel tonlar veya tüm set için tek tıkla kopyalama

Common Use Cases

Arka Plan Renkleri

Kendilerine karşılık gelen daha koyu renkle uyumlu yumuşak, açık arka planlar oluşturun.

Kart Yüzeyleri

Kartlar, modallar ve paneller için ince tonlu yüzeyler üretin.

Uyarı Arka Planları

Başarı, uyarı ve hata mesajları için açık arka planlar oluşturun.

Tasarım Tokenleri

Tasarım sistemleri için renk ölçeğinin açık ucunu (50, 100, 200, 300) oluşturun.

Technical Guide

Ton jeneratörü temel rengi HSL'ye dönüştürür ve lightness değerlerini temel rengin near-beyaza doğru dağıtır. Formül şudur: L = baseLightness + (100 - baseLightness) × (i/(N-1)), burada i 0'dan N-1'e kadar değişir. Bu, ilk rengin orijinal olduğunu ve sonuncunun beyaza yaklaştığını garantiler. Hue ve doygunluk sabit kalır. Geleneksel renk teorisinde bir ton, beyaz ile karıştırılan bir hue'dir. Dijital eşdeğeri HSL uzayında lightness değerini artırır. Çok yüksek lightness değerleri (90%+), modern UI tasarımı için arka planlar ve ince vurgular için yaygın olarak kullanılan pastel renkler üretir. Eşit dağılım, ton aralığının tümü boyunca görsel olarak dengeli adımlar sağlar.

Tips & Best Practices

1
En açık tonlar (%90-95 parlaklık) mükemmel sayfa arka planları yapar
2
Kart ve panel yüzeyleri için %70-80 parlaklığa sahip tonları kullanın
3
Tasarım sistemi renk ölçeğinin tamamlanması için gölgelendirme ve ton jeneratörlerini birleştirin
4
%85-90 parlaklığa sahip tonlar güzel pastel renkler oluşturur
5
Koyu metinlerin, tonlu arka planlara karşı yeterli kontrastı olduğundan emin olun (kontrast denetleyicisini kullanın)

Related Tools

Tek Tonlu Palet Oluşturucu

Herhangi bir temel rengiden tek tonlu bir renk paleti oluşturun.

🎨 Color Tools

Renk Tonu Jeneratörü

Ayarlabilir adım sayısı ile herhangi bir rengin daha koyu tonlarını oluşturun.

🎨 Color Tools

Renk Karıştırıcı

Ayarlabilir oran ile iki rengi birleştirin ve tam gradientı görün.

🎨 Color Tools

Contrast Oranı Kontrolü

Ön plan ve arka plan renkleri arasındaki WCAG kontrast oranlarını kontrol edin.

🎨 Color Tools

Erişilebilir Renk Paleti Oluşturucu

WCAG karşıtlık gereksinimlerini karşılayan renk paletleri oluşturun.

🎨 Color Tools

Frequently Asked Questions

Q Renk tonu nedir?

Ton, beyaz eklenerek (parlaklık artırarak) daha açık hale getirilen bir renktir. Pembe, kırmızı rengin bir tonudur. Pastel renkler, temel renklerinin ağır şekilde tonlanmış versiyonlarıdır.

Q Tonlar saydamlıktan nasıl farklı?

Tonlar, rengi beyaz doğru değiştirir. Saydamlık (alfa) rengi şeffaf hale getirir ve arkasındaki şeyi gösterir. Bir tonlu renk her zaman aynı görünür; bir şeffaf renk ise arkasındakine bağlıdır.

Q Bu aracı kullanarak pastel renkler oluşturabilir miyim?

Evet! Pastel renkler, basitçe çok yüksek parlaklığa ( %80-95) sahip tonlardan oluşur. 5+ adım üretin ve daha açık olanlar pastel aralığında olacaktır.

About This Tool

Renk Tonu Jeneratörü is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.