Rastgele Gradyan Üretici
Rastgele CSS gradyanları üretin — doğrusal, radyal, konik. Uyumlu renk kombinasyonları, kullanıma hazır CSS kodu kopyalayın.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Geçmiş
Referans
Gradyan üretici nasıl çalışır?
Bu araç, uyumlu renk teorisi (analog, tamamlayıcı veya triyadik ilişkiler) ve HSL ton döndürmeleri kullanarak 2-3 renk seçer. Rastgele açılar veya konumlar crypto.getRandomValues() ile seçilir. Çıktı, kullanıma hazır CSS koduyla birlikte canlı bir önizleme olarak işlenir.
Gradyan türleri
- Doğrusal — renkler yapılandırılabilir bir açıda düz bir çizgi boyunca karışır.
- Radyal — renkler bir merkez noktasından dışa doğru yayılır.
- Konik — renkler bir renk tekerleği gibi merkez etrafında döner.
Yaygın kullanımlar
- Hero bölümleri — açılış sayfaları için göz alıcı arka planlar.
- Kartlar ve düğmeler — derinlikli modern UI vurguları.
- Tasarım ilhamı — beklenmedik renk kombinasyonları keşfedin.
- Duvar kağıtları ve afişler — benzersiz görsel varlıklar üretin.
Gizlilik
Tüm gradyanlar %100 tarayıcınızda üretilir. Hiçbir veri sunucuya gönderilmez.