מחולל גרדיאנטים ב־CSS

בחרו שני צבעים, הגדירו את הכיוון והעתיקו קוד CSS תקין לגרדיאנט.

במכשיר שלכם · ללא חשבון

מחולל גרדיאנטים ב־CSS מעבד את הקלט שלכם בדפדפן הזה. הקלט והתוצאות אינם נכללים בנתוני האנליטיקה. רשימת הכלים האחרונים שומרת שמות כלים, מספרי ביקורים ומועדי ביקור אחרון. רשימת הכלים השמורים שומרת רק את שמותיהם. שמירת טיוטה היא לבחירתכם ונשארת במכשיר הזה; אפשר למחוק טקסט שמור באמצעות פקדי הטיוטה. טעינת טקסט מכתובת URL היא לבחירתכם ויוצרת קשר עם אותו שרת; כתובת ה־URL וכתובת ה־IP שלכם גלויות לשרת. הפעולה האופציונלית ״שימוש ב־״ שומרת בלשונית הזאת נתונים להעברה לכלי הבא. הכלי הבא מסיר אותם עם פתיחתו ומתעלם מהם אם חלפה יותר מדקה.

״העתקת קישור״ כוללת בכתובת את הקלט שבחרתם לשתף. כל מי שיש לו את הקישור יכול לפתוח שוב את הקלט הזה. קבצים ותוצאות שנוצרו אינם נכללים. כלי סיסמאות ומפתחות משתפים הגדרות בלבד.

כיוון וצורה

התוצאה שלכם

Enter your values.

עוד
קיצורי מקלדת

על קישורים ואיפוס

הקישורים כוללים את הקלט וההגדרות שלכם. כל מי שמחזיק בקישור יכול לראות אותם, לכן אין לכלול טקסט פרטי. קבצים ותוצאות שנוצרו אינם כלולים; הגרלות אקראיות מתבצעות מחדש.

האיפוס טוען מחדש את הכלי עם ערכי ההתחלה, סוגר קבצים פתוחים ומשחרר את השליטה בהתקנים. טיוטות שנשמרו נשארות במכשיר הזה עד שמוחקים אותן.

צרו גרדיאנט ב־CSS מהצבעים שלכם

גרדיאנט ליניארי עובר מנקודת הצבע הראשונה לאחרונה לאורך זווית ה־CSS שבחרתם. במצב רדיאלי הוא מתרחב מהמרכז. העתיקו את ההצהרה ישירות למאפיין background.

הבא: בחירת צבע מתמונה

דוגמה

ברירת המחדל יוצרת linear-gradient(90deg, #0B7285 0%, #FF6B5E 100%), בכיוון משמאל לימין.

לפני השימוש בתוצאה

התצוגה המקדימה משתמשת במנוע ה־CSS של הדפדפן שלכם. נקודות הצבע והאינטרפולציה ביניהן עשויות להיראות אחרת בתוכנות עיצוב שאינן מבוססות דפדפן.

הבא: שינוי גודל תמונה

עודכן

ציטוט העמוד

ToolOctopus. “מחולל גרדיאנטים ב־CSS.” עודכן 7 באוקטובר 2026. https://tooloctopus.com/he/מחולל-גרדיאנטים-ב-css.

אם ההנחיות דורשות זאת, יש להוסיף תאריך גישה.

הציטוטים מעוצבים באמצעות citeproc-js של Frank Bennett וסגנונות Citation Style Language. רישיון וקוד מקור.

חיפוש כלי

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.