← Tüm metin araçları

Ton ve gölge oluşturucu

Herhangi bir rengin daha açık tonları, daha koyu gölgeleri ve daha yumuşak tonları, CSS değişkenleriyle.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık Ton ve gölge oluşturucu

Tek bir renkten başlayın ve daha açık tonlar (beyazla karışmış), daha koyu gölgeler (siyahla karışmış) ve daha yumuşak tonlar (griyle karışmış) alın. Adımlar, stil dosyasına hazır CSS değişkenleri olarak gelir. Bu aileler üzerine gelme durumlarının, kenarlıkların, arka planların ve devre dışı düğmelerin temelidir.

Ton ve gölge oluşturucu nasıl kullanılır

  1. Temel renginizi HEX kodu olarak girin veya seçin.
  2. Daha açık tonlara, daha koyu gölgelere ve daha yumuşak tonlara bakın.
  3. Tek tek renkleri veya tüm set için CSS değişkenlerini kopyalayın.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Ton açma (tint) ile gölge (shade) arasındaki fark nedir?

Ton açma (tint), beyazla karıştırılmış bir renktir; bu yüzden daha açık olur. Gölge (shade), siyahla karıştırılmış renktir; bu yüzden daha koyu olur. Ton (tone) ise griyle karıştırılmıştır.

Tonlarım için CSS değişkenlerini nasıl adlandırırım?

100'den 900'e gibi numaralı bir ölçek kullanın; burada küçük sayılar açık, büyük sayılar koyudur. Bu, adları kısa ve genişletilmesi kolay tutar.

Daha yumuşak tonlar ne için kullanılır?

Tonlar rengi griyle karıştırarak yoğunluğunu düşürür. Saf bir rengin çok baskın olacağı arka planlar, kenarlıklar ve sönük arayüz öğeleri için uygundurlar.

Ton ve gölge oluşturucu ücretsiz mi?

Evet. Toolipedia'daki Ton ve gölge oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

Ton ve gölge oluşturucu aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar