Color Tint /Shade Jeneratör
Genrate color tints ve tonlar temel renkten
tools.colorTintShadeGenerator.title
tools.colorTintShadeGenerator.description
tools.colorTintShadeGenerator.clickToCopy
Renk Tonu Gölge Oluşturucumuzla renk tonları ve gölgeler oluşturun. Tasarım tutarlılığı için herhangi bir temel renkten daha açık ve daha koyu tonlar oluşturun.
Key Features
Renk tonları (daha açık varyasyonlar) ve gölgeler (daha koyu varyasyonlar) oluşturun
Tek renkten otomatik palet oluşturma
Ayarlanabilir yoğunluk ve varyasyon sayısı
Tek tek renkleri veya paletin tamamını kopyalayın
Erişilebilirlik için renk kontrastı kontrolü
CSS değişkenleri veya JSON olarak dışa aktar
Renk Tonu Gölge Oluşturucu
Temel Rengi Seçin
Renk seçiciyi kullanarak ana renginizi seçin
Palet Oluştur
Araç otomatik olarak renk tonları ve gölge varyasyonları oluşturur
Varyasyonları Görüntüle
Temel rengin üzerinde daha açık renk tonlarını ve aşağıda daha koyu tonları görün
Renkleri Kopyala
Onaltılı kodları panoya kopyalamak için tek tek renkli karelere tıklayın
Tasarımda Kullanım
Tutarlı varyasyonlar için paleti tasarım sisteminize uygulayın
Use Cases
Durumlar için kullanıcı arayüzü bileşeni renk çeşitleri oluşturma (üzerine gelindiğinde, etkin, devre dışı)
Tek renklerden kapsamlı marka renk paletleri oluşturma
Uygun kontrastla erişilebilir renk şemaları geliştirme
Arka planlar ve düğmeler için tutarlı degradeler tasarlama
Frequently Asked Questions
Renk tonu ve gölge arasındaki fark nedir?
Renk tonları daha açık (beyaz eklenmiş), gölgeler ise temel rengin daha koyu (siyah eklenmiş) versiyonlarıdır
Kaç varyasyon oluşturuldu?
Tipik olarak temel renkten 9 renk tonu ve 9 ton oluşturulur
Yoğunluğu ayarlayabilir miyim?
Evet, ince veya aşırı farklılıklar yaratmak için üretim yoğunluğunu kontrol edin
Varyasyonlar erişilebilirlik açısından uygun mu?
Araç, kontrast oranlarını kontrol eder ve erişilebilir kombinasyonları vurgular
Tool Information
Related Tools You Might Like
Imagen Color Agent from Image
Bir görüntüden baskın renkler
RGB/HEX Converter
RGB ve HEX renk biçimleri arasında dönüştürücü
CSS Gradient Jeneratör
Özel CSS lisanslamaları ile oluşturun
WCAG Contrast Checker
WCAG standartlarına göre renk kontrastı kontrol edin
Digital Signature Jeneratör
Farklı fontlarla dijital imzalar oluşturun
Box Shadow Jeneratör
Genrate CSS kutusu gölgeleri
Surfboard Volume Hesap
Kilonuz, deneyim seviyeniz ve dalga koşullarınıza dayanan mükemmel sörf hacmini hesaplayın.
Wave Height Converter
Farklı dalga yükseklik ölçümleri (yüz yükseklik, Hawaii ölçeği, okyanus swell).
Scuba Dive Planlayıcı
Scuba dalışını derinlik sınırları, alt zaman ve güvenlik depresyon gereksinimleri ile planlayın.