חינמי | 100% בדפדפן | CSS בלבד
CSS Gradient Generator
צור גרדיאנטים CSS מדהימים בקלות. בחר צבעים, סוג, זווית — והעתק CSS מוכן לשימוש.
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
.gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}🔀 לינארי (Linear)
הנפוץ ביותר. מעבר צבע בקו ישר לפי זווית — מושלם לכפתורים, רקעים, באנרים וכותרות.
🎯 רדיאלי (Radial)
מעבר צבע מעיגולי מנקודת מרכז החוצה. מתאים לאפקט זוהר, spotlight, תמונות פרופיל ואלמנטים עגולים.
🌀 קוני (Conic)
מעבר צבע מסביב לנקודה מרכזית כמו שעון. מתאים לתרשימי עוגה, אלמנטים דקורטיביים וספינרים.
רוצה אתר עם עיצוב מרהיב?
גרדיאנט יפה הוא רק ההתחלה. נעצב לך אתר שלם שגורם ללקוחות לעצור ולהתרשם.
דבר איתנו