Dijital
CSS Gradient Oluşturucu
CSS renk geçişi kodunu görsel olarak oluşturun. Linear, radial ve conic gradient desteği.
Kullanım Kılavuzubackground: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
CSS gradient nedir?
CSS gradient, iki veya daha fazla renk arasında yumuşak geçiş oluşturan bir CSS özelliğidir. Linear (doğrusal), radial (dairesel) ve conic (konik) olmak üzere üç temel türleri vardır.
Linear gradient ile radial gradient arasındaki fark nedir?
Linear gradient renkler arasında düz bir çizgi boyunca geçiş yapar. Radial gradient ise bir merkez noktasından dışa doğru dairesel veya eliptik geçiş oluşturur.
Conic gradient ne zaman kullanılır?
Conic gradient, bir merkez noktası etrafında döndürülen renk geçişleri oluşturur. Pasta grafikleri, renk tekerlekleri veya dekoratif arka planlar için idealdir.
Renk durakları (color stops) nasıl çalışır?
Renk durakları, gradientin belirli noktalarında hangi rengin görüneceğini belirler. Yüzde değeriyle konumlandırılır: 0% başlangıç, 100% bitiş noktasıdır. Aradaki değerler geçiş noktalarını belirler.
Gradient kodunu projemde nasıl kullanırım?
Oluşturulan CSS kodunu kopyalayıp projenizde bir elementin background özelliğine yapıştırabilirsiniz. Örneğin: .element { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
Renk Dönüştürücü
HEX, RGB, HSL renk kodlarını dönüştürün
Renk Paleti Oluşturucu
Uyumlu renk paletleri oluşturun
Kontrast Kontrolcüsü
Renk kontrast oranını hesaplayın
Matbaa ve baskı sektörü için profesyonel araçlar