CSS Gradient Oluşturucu

Bu aracın size yardımcı olduğu şey

Tekrarlanabilir bir renk geçişi oluşturun, üretilen her adımı önizleyin ve CSS, grafikler veya tasarım token'ları için tam HEX dizisini kopyalayın.

Örnek çalışma

Sonuç nasıl üretilir

Her ara renk, kırmızı, yeşil ve mavi kanalların doğrusal enterpolasyonu ile oluşturulur. Uç noktalar korunur ve kalan renkler eşit aralıklarla yerleştirilir.

Yararlı iş akışları

• Sıralı grafik renkleri veya ısı haritası geçişleri oluşturun
• İki tasarım token'ı arasında hover ve durum renkleri oluşturun
• Arka plan gradyanı için kompakt bir palet üretin

Önemli sınırlamalar

• RGB enterpolasyonu bazı tamamlayıcı renkler arasında daha koyu veya bulanık görünebilir.
• Pürüzsüz görünen bir palet otomatik olarak renk körlüğüne erişilebilir değildir.
• Bu oluşturucu eşit aralıklı RGB renkleri üretir; algısal tekdüzelik iddia etmez.

Sık sorulan sorular

Orta nokta neden gri veya bulanık görünebilir?

Zıt RGB kanalları nötr bir renge doğru ortalanabilir. Görsel canlılık önemliyse çok duraklı CSS iş akışında uygun bir orta renk ekleyin.

Kaç renk üretmeliyim?

İhtiyacınız olan farklı durumlara veya veri bantlarına en uygun en küçük sayıyı kullanın; sürekli arka planlar daha fazla adım kullanabilir.