Renk Tonu Üretici

Renk Tonu Üretici nedir?

Renk Tonu Üretici, tek bir temel HEX rengini, tıpkı Tailwind CSS renk belirteçleri gibi 50, 100, 200'den 900 ve 950'ye kadar numaralandırılmış eksiksiz bir açık-koyu ton ölçeğine dönüştüren ücretsiz bir çevrimiçi araçtır. Geçişi, temel renginizi açık adımlar (50-400) için doğrusal olarak beyaza ve koyu adımlar (600-950) için siyaha karıştırarak oluşturur; 500 ise temel rengin kendisi olarak kalır. Tasarımcılar ve ön uç geliştiriciler bunu bir tasarım sistemi için tutarlı bir renk ölçeği üretmek, CSS özel özelliklerini ya da Tailwind tema renklerini ayarlamak ve bir marka renginin erişilebilir açık/koyu varyantlarını seçmek için kullanır. Her adım, HEX değerinin yanında bir renk örneği olarak tek tıklamayla kopyalama düğmesiyle gösterilir.

Renk Tonu Üretici nasıl kullanılır

1. Temel renk (HEX) alanına #rrggbb veya #rgb biçiminde bir temel renk yazın ya da görsel olarak seçmek için büyük renk seçici örneğine tıklayın.
2. 50-950 ölçeği anında güncellenir: açık tonlar (50-400) beyaza karıştırılır, 500 sizin temel renginizdir ve koyu tonlar (600-950) siyaha karıştırılır.
3. Her satırı okuyarak adım numarasını (50 … 950), renk örneğini ve HEX değerini yan yana görün.
4. Herhangi bir satırın sonundaki kopyalama düğmesine tıklayarak o adımın HEX değerini panonuza kopyalayın.
5. Yalnızca 500 adımına ihtiyacınız olduğunda, giriş alanının yanındaki kopyalama düğmesiyle temel rengin HEX değerini kopyalayın.

Örnekler

#4f86f7

#f6f9ff

#4f86f7

#0b1323

Sıkça sorulan sorular

Hangi renk biçimlerini girebilirim?

Temel renk, #rrggbb (altı basamak) veya kısa biçim #rgb (üç basamak) HEX değeri olarak girilir. Değer geçerli bir HEX rengi değilse 'Invalid HEX color' iletisi görünür ve hiçbir ölçek oluşturulmaz. Çıktıdaki her adım #rrggbb HEX değeri olarak gösterilir.

Tonlar nasıl hesaplanır?

Her adım, temel renginiz ile saf beyaz ya da saf siyah arasındaki doğrusal bir karışımdır. 50-400 adımları azalan oranlarda beyaza karıştırılır, 500 adımı değiştirilmemiş temel renktir ve 600-950 adımları artan oranlarda siyaha karıştırılır. Numaralandırma, Tailwind CSS renk ölçekleriyle eşleşir.

500 adımı neden bazen tam olarak temel rengimin numarasıyla aynı değil?

500 adımı her zaman tam olarak sizin temel renginizdir. Araç, renginizi algısal bir parlaklık eğrisine yeniden merkezlemez; bu nedenle girdiniz çok açık veya çok koyuysa ölçeğin açık ya da koyu yarısının aralığı daha az olur — en eşit geçiş için orta tonlu bir taban seçin.

HEX yazmak yerine rengi görsel olarak seçebilir miyim?

Evet. Yerleşik renk seçicili büyük örneğe tıklayarak bir renk seçin; HEX alanı otomatik olarak güncellenir ve siz değiştirdikçe tüm 50-950 ölçeği anında yeniden hesaplanır.

Renk verilerim herhangi bir yere yükleniyor mu?

Hayır. Her şey yerel renk matematiğiyle tamamen tarayıcınızda çalışır — hiçbir renk değeri asla bir sunucuya gönderilmez, böylece çevrimdışı çalışır ve paletinizi gizli tutar.