CSS Gradyan Oluşturucu: Doğrusal, Dairesel – Ücretsiz
Ücretsiz, kayıt gerekmez, tarayıcınızda çalışır. En fazla 8 renk durağıyla doğrusal, dairesel veya konik bir gradyan tasarlayın, canlı olarak görün ve CSS'ini kopyalayın. Yaygın boyutlarda PNG arka plan olarak indirin.
Renk durakları
CSS
background: #ff7ac6; background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);
İlk satır, gradyan gösteremeyen çok eski cihazlar için düz bir renktir.
Hazır bir ayarla başlayın
Cihazınızda oluşturulur.
Neden CSS Gradyan Oluşturucu kullanmalısınız
- %100 ücretsiz
- İstediğiniz sıklıkta kullanın. Kayıt yok, filigran yok, kurulum yok.
- Gizlilik odaklı
- Yazdıklarınız tarayıcınızda kalır ve bize asla gönderilmez.
- Her cihazda çalışır
- Windows, Mac, Linux, Android ve iPhone'da tarayıcınızda çalışır. Uygulama gerekmez.
CSS Gradyan Oluşturucu nasıl kullanılır
- Doğrusal, dairesel veya konik seçin ve yönü ayarlayın.
- Renkleri seçin ve her durağı yerine sürükleyin.
- CSS'i kopyalayın veya gradyanı resim olarak indirin.
Sıkça sorulan sorular
- CSS'i nasıl kullanırım?
- Renklendirmek istediğiniz öğenin kuralına yapıştırın. İlk satır düz renkli bir yedektir; ikincisi gradyandır.
- Doğrusal, dairesel ve konik arasındaki fark nedir?
- Doğrusal düz bir çizgi boyunca geçiş yapar, dairesel merkezden dışa doğru yayılır, konik ise bir renk çemberi gibi merkezin etrafında döner.
- Saydamlık kullanabilir miyim?
- Evet. Bir durağa rgba(47, 91, 255, 0.5) gibi bir renk yazın.
- Bir şey yükleniyor mu?
- Hayır. Gradyanlar cihazınızda oluşturulur.
- CSS Gradyan Oluşturucu ücretsiz mi?
- Evet. Kullanımı ücretsizdir; kayıt ve kurulum gerekmez.
İlgili araçlar
- Renk Paleti OluşturucuBir tuşa basarak renk paletleri oluşturun, beğendiğiniz renkleri kilitleyin ya da bir temel renkten analog, tamamlayıcı veya üçlü uyumlarla palet kurun. CSS değişkenleri, Tailwind veya JSON olarak dışa aktarın.
- HEX'ten RGB'ye Renk DönüştürücüBir rengi şeffaflık dahil tek adımda HEX, RGB, HSL, HSV ve CMYK arasında dönüştürün. Herhangi bir biçimde kod yapıştırın veya renk seçin, ardından ihtiyacınız olan biçimi kopyalayın ve metin kontrastını kontrol edin.
- Renk Kontrastı KontrolüWCAG kontrast oranıyla metnin arka planı üzerinde okunabilir olup olmadığını kontrol edin; normal metin, büyük metin ve kontroller için AA ve AAA sonuçlarını görün ve testi geçen en yakın rengi bulun.