# Renk Açık Ton Oluşturucu

Bir rengi eşit adımlarla beyazla karıştırarak daha açık tonlar oluşturun. Herhangi bir CSS biçiminde bir renk girin, 2 ile 20 arasında adım sayısı ve bir karıştırma alanı seçin; özgün renkle başlayan tabloda her açık ton için HEX, RGB, HSL ve OKLCH değerlerini alın. sRGB karıştırma, klasik açık ton araçları ve Sass ile aynı sonucu verirken OKLab, algısal olarak eşit adımlar sunar. Arka planlar, üzerine gelme durumları ve skalalar için idealdir.

## Sık sorulan sorular

### Açık ton nedir?

Açık ton, beyazla karıştırılmış renktir. Tonunu koruyup daha açık ve soluk bir hâl alır; siyahla karıştırılan gölgeden veya griyle karıştırılan renk tonundan farklıdır.

### Adımlar nasıl aralıklanır?

N adım olduğunda k satırında renk, (k - 1) / N oranında beyazla karıştırılır; bu nedenle 10 adımda %0, %10, %20 ve böyle devam ederek %90'a kadar sonuç elde edilir. İlk satır her zaman özgün renginizdir ve saf beyaz listeye dahil edilmez.

### sRGB ve OKLab karıştırma arasındaki fark nedir?

sRGB karıştırma, gama kodlu kanal değerlerinin ortalamasını alır; Sass mix() beyazla ve çoğu klasik renk tonu oluşturucunun yaptığı da budur. OKLab karıştırma algısal bir uzayda gerçekleşir; bu nedenle açıklık adımları daha eşit görünür ve açık uç o kadar çabuk solmaz.

### Hangi girdi biçimlerini kullanabilirim?

Hex kodları, # işareti olsun ya da olmasın, CSS renk adları, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() ve cmyk() desteklenir. Her çalıştırmada bir renk girin.

### Kaç açık ton oluşturabilirim?

Her çalıştırmada 2 ile 20 arasında; varsayılan değer 10'dur. Sayıya ilk satırdaki özgün renk de dahildir.

### Tabloda hangi değerler gösterilir?

Her adım için beyaz oranı, hex kodu, rgb(), hsl() ve modern CSS söz diziminde oklch() gösterilir. RGB kanalları tam sayıdır; HSL yüzdeleri en fazla iki, OKLCH açıklık ve kroma değerleri ise en fazla dört ondalık basamakla gösterilir.

### Saydam renklere ne olur?

Her açık tonda girdinin alfa değeri korunur; çünkü beyaz aynı alfa değeriyle karıştırılır. Bu durumda hex kodları 8 basamaklı olur ve CSS işlevleri eğik çizgiden sonra alfa değeriyle biter.

### sRGB dışındaki renklere ne olur?

Karıştırma tam renk değeriyle yapılır; ancak HEX, RGB ve HSL yalnızca sRGB'yi gösterebilir. Bu nedenle gam dışındaki adımlar, bu sütunlarda CSS Color 4 algoritmasıyla sRGB'ye dönüştürülür. OKLCH sütunu ise dönüştürülmemiş değeri korur.

### Açık tonları CSS içinde nasıl kullanırım?

Hex veya oklch() değerlerini --brand-100 ve --brand-200 gibi özel özelliklere kopyalayın. Tarayıcıda karıştırmak için color-mix(in oklab, var(--brand) 80%, white) kullanın; bu, OKLab ayarındaki %20 açık tonla aynı sonucu verir.

### Açık bir tona beyaz metin koyabilir miyim?

Genellikle hayır; çünkü açık tonların beyazla kontrastı düşüktür. Açık tonlarda koyu metin kullanın ve her renk çiftini bir kontrast denetleyiciyle kontrol edin; normal metin için WCAG AA kapsamında en az 4.5:1 gerekir.

Reklamınız burada mı olsun?

[Bize e-posta gönderin](mailto:hi@dennn.is?subject=OneClick%20Pro%20%C3%BCzerinde%20reklam)

[Reklam WordPress için yapay zekâ ajanlarına hazır eklenti paketi.](https://sleekwp.com/?ref=oneclickpro)