CSS gradyan oluşturucu

Geliştirici yardımcı araçları

Canlı önizleme ve kopyalanmaya hazır CSS ile doğrusal veya radyal CSS gradyanları tasarlayın.

Nasıl kullanılır

Build a gradient

Pick linear or radial, adjust the angle for linear gradients and choose the start and end colors. The preview and CSS update live.

Choose linear or radial.
Set the angle and two colors.
Copy the generated CSS declaration.

Using the CSS

The output is a single background declaration. Paste it into a CSS rule, inline style or style block.

Sık sorulan sorular

What does the angle mean?

The angle controls the direction of a linear gradient in degrees, where 0deg points up and 90deg points right.

Can I add more color stops?

This generator creates two-stop gradients. Add extra stops manually to the copied CSS.

İlgili araçlar

Renk paleti oluşturucu Herhangi bir renkten açık tonlar, koyu tonlar, benzer, tamamlayıcı ve üçlü paletler oluşturun. CSS kutu gölgesi oluşturucu Kayma, bulanıklık, yayılma ve renk kaydırıcılarıyla kutu gölgeleri oluşturun ve CSS'i kopyalayın. Renk Dönüştürücü Canlı önizleme ile renkleri HEX, RGB ve HSL arasında dönüştürür. UUID / GUID Üretici Rastgele sürüm 4 UUID'ler üretir ve bunları tek tek veya toplu olarak kopyalar. Karma Üretici Herhangi bir metnin MD5, SHA-1, SHA-256 ve SHA-512 özetlerini hesaplar. Zaman Damgası Dönüştürücü Unix zaman damgaları, ISO 8601 ve okunabilir yerel tarihler arasında dönüştürür.