Renk Tonları Oluşturucu
Herhangi bir rengin açıktan koyu'ya ton varyasyonlarını oluşturun. Adım sayısını ayarlayın ve Tailwind CSS paleti olarak dışa aktarın.
Temel renk seçin
Açık Tonlar (açık renkler)
Temel renkle beyaz karıştırılarak oluşturulan daha açık varyasyonlar
Koyu Tonlar (koyu renkler)
Temel renkle siyah karıştırılarak oluşturulan daha koyu varyasyonlar
Nasıl Kullanılır
Renk Seç
Seçici veya HEX kodu ile renk belirtin
Tonları Oluştur
Açıktan koyu'ya tonlar otomatik oluşturulur
Kopyala
İstediğiniz tonların renk kodlarını kopyalayın
Özellikler
Adım Kontrolü
Ton adımı sayısını ayarlayın
Çoklu Format
HEX, RGB, HSL formatlarında kopyalayın
Palet Dışa Aktarma
Tailwind CSS formatında palet dışa aktar
FAQ
🔗İlgili Araçlar
Renk Kodu Dönüştürücü
HEX, RGB ve HSL renk kodları arasında dönüştürme yapın. Sezgisel renk seçimi için renk seçici ve gerçek zamanlı önizleme kullanın.
Renk Seçici
Renk çarkı ve kaydırıcılar kullanarak renkleri sezgisel olarak seçin. HEX, RGB ve HSL formatlarında renk kodlarını alın ve kopyalayın.
Görsel Renk Çıkarıcı
Bir görselden baskın renkleri otomatik olarak tespit edin ve renk paleti oluşturun. Ayrıca tek tek renkler seçmek için görselin herhangi bir yerine tıklayabilirsiniz.
Görsel Ortalama Renk Seçici
Tüm bir görselin veya seçili bir alanın ortalama rengini hesaplayın. Renk şemaları veya küçük resim arka plan renkleri seçmek için kullanışlı.
CSS Degrade Oluşturucu
Sürükleme kontrolleriyle CSS degradelerini görsel olarak oluşturun. Ön ayarlarla doğrusal, radyal ve konik degrade türlerini destekler.
CSS Box Shadow Oluşturucu
Kaydırıcılarla görsel olarak CSS box-shadow oluşturun. Çoklu gölgeler ve iç gölgeleri destekler.