CSS Gradyan Oluşturucu
İki renk ve açı değeri belirleyerek web projeleriniz için doğrusal ve dairesel CSS gradyan kodları oluşturun.
Aracı çalıştır
CSS Gradyan Oluşturucu, web sayfaları ve kullanıcı arayüzleri için renk geçişleri hazırlamanıza yardım eder. Araç, belirlediğiniz iki renk değeri ve açı bilgisiyle stil dosyalarınızda kullanabileceğiniz CSS kodunu anında üretir. İlk renk alanı için varsayılan değer #ff6b6b, ikinci renk alanı için ise #4ecdc4 olarak belirlenmiştir. Araç doğrusal ve dairesel olmak üzere iki temel gradyan türünü destekler. Doğrusal geçişlerde açı değeri derece cinsinden tam sayıya çevrilir ve 360 derece üzerinden modüler olarak hesaplanır. Sayısal olmayan veya boş bırakılan açılarda sistem varsayılan 45 derece değerini kullanır. Dairesel gradyan seçildiğinde ise merkezden dışarıya doğru dairesel bir renk yayılımı oluşturulur. Tanımlanan bu iki tür dışındaki metin girişlerinde araç doğrusal gradyan formatına döner. Renk kodları doğrudan CSS çıktısına yerleştirildiği için onaltılık kodlar, rgb veya renk adları yazabilirsiniz. Üretilen kodu kopyalayarak buton, kart veya sayfa arka planlarında kullanabilirsiniz.
Kullanım
- İlk renk alanına başlangıç rengini onaltılık kod veya renk adı olarak girin.
- İkinci renk alanına geçiş yapılacak hedef rengi yazın.
- Doğrusal geçiş istiyorsanız açı alanına derece cinsinden bir sayı girin.
- Gradyan türü için doğrusal veya dairesel geçiş seçeneğini belirleyin.
- Üretilen CSS kodunu kopyalayıp web projenizin stil dosyasına yapıştırın.
Örnekler
- Birinci renk için #ff6b6b, ikinci renk için #4ecdc4 ve açı için 45 girildiğinde doğrusal tür seçilirse 'linear-gradient(45deg, #ff6b6b, #4ecdc4)' kodu üretilir.
- Birinci renk olarak #1e3c72, ikinci renk olarak #2a5298 seçilip gradyan türü 'radial' yapıldığında 'radial-gradient(circle, #1e3c72, #2a5298)' kodu elde edilir.
SSS
Açı değerini negatif veya 360'tan büyük girersem ne olur?
Açı değeri tam sayıya çevrildikten sonra 360 üzerinden modüler olarak hesaplanır. Örneğin 405 derece girdiğinizde 45 derece olarak uygulanır.
Dairesel gradyan seçtiğimde açı değeri kullanılır mı?
Dairesel gradyan formatında açı değeri dikkate alınmaz; merkezden çevreye doğru dairesel bir renk geçişi oluşturulur.
Geçersiz bir gradyan türü girilirse ne olur?
Doğrusal veya dairesel dışında bir tür girildiğinde araç otomatik olarak doğrusal gradyan formatına döner.
Renk alanlarına hangi biçimlerde giriş yapılabilir?
Onaltılık (#ff6b6b), rgb veya CSS renk adları yazabilirsiniz. Girdiğiniz değerler doğrudan CSS metnine eklenir.