CSS gradient kodları oluşturun. Doğrusal, radyal ve konik gradient tasarlayın, anında CSS kodunu kopyalayın.
Bu aracı hemen kullanın
Hesaplamayı yapmak için araca gidin
CSS gradient oluşturucu, web tasarımında kullanılacak renk geçişleri tasarlamanızı sağlar. Doğrusal (linear), radyal (radial) ve konik (conic) gradient tiplerini görsel olarak oluşturabilir, CSS kodunu doğrudan kopyalayabilirsiniz.
Doğrusal gradient düz çizgi boyunca, radyal gradient merkez noktadan dışa, konik gradient açısal olarak renk geçişi oluşturur.
En az 2 renk durağı gereklidir. Her durağın rengini ve konumunu (0-100%) ayarlayın.
Doğrusal gradient için açıyı (0-360 derece) ayarlayın. Radyal gradient için merkez noktasını belirleyin.
Canlı önizlemede gradient sonucunu görün.
Oluşturulan CSS kodunu kopyalayıp projenize yapıştırın.
Firma renkleri: lacivert (#1a237e) ve turkuaz (#00bcd4). Doğrusal gradient, 135 derece açıyla. CSS: background: linear-gradient(135deg, #1a237e 0%, #00bcd4 100%).
3-4 duraktan fazlası karmaşık görünüm oluşturur. Sade geçişler daha profesyoneldir.
Gradient üzerine metin yerleştirecekseniz tüm noktalarda yeterli kontrast sağlayın. WCAG AA minimum 4.5:1 kontrast oranı gerektirir.
CSS gradient ekran içindir. Baskıya aktarırken CMYK dönüşümü yapın ve vektör programında yeniden oluşturun.
Doğrusal gradient (linear-gradient) en yaygındır. Başlık arka planları, butonlar ve kart bileşenleri için idealdir.
CSS gradient'ler tarayıcı tarafından çizilir, görsel dosyası gerektirmez. Performans açısından avantajlıdır.
Her renk durağının CMYK karşılığını hesaplayın ve baskı programınızda CMYK gradient oluşturun.
Bu aracı kullanarak hesaplamanızı hemen yapın.