בחר שני צבעים או יותר, גרור את מעבר הצבע לפי הטעם, העתק את ה-CSS. או הורד כ-PNG לשימוש כרקע, רקע לשקופית, או רקע לפוסט ברשתות חברתיות. מעברים ליניאריים, רדיאליים וקוניים נתמכים כולם, בתוספת מצב מעבר רשתי לרקעים הרכים בסגנון אפל שאתה רואה בממשקים מודרניים.
סוגי מעברים מוסברים
- ליניארי: קו ישר מצבע A לצבע B. בוחר כיוון (למעלה→למטה, אלכסוני וכו').
- רדיאלי: קונצנטרי — צבע A במרכז דוהה לצבע B בקצוות. שימושי לאפקטי זרקור.
- קוני: סובב סביב נקודת מרכז כמו גלגל צבעים. טרנדי בעיצוב ממשקים מודרני.
- רשתי (פרימיום): מספר כתמי צבע המתמזגים בצורה חלקה. המראה "מעבר אפל".
מה ניתן להעתיק
- CSS: מוכן להדבקה
linear-gradient(...) או הצהרת background-image:.
- Tailwind: המחלקה הקרובה ביותר
bg-gradient-* בתוספת תוספות צבע מותאמות אישית.
- SVG: לשימוש בקנה מידה באייקונים או גרפיקות ממשק.
- הורדת PNG: בכל גודל, כולל רקע לטלפון (1284×2778), שולחן עבודה (3840×2160), וריבוע (1080×1080).
מקרי שימוש נפוצים
- רקעים לטלפון: מעברים רשתיים פופולריים מאוד ב-iOS. נסה את תצוגה מקדימה של רקע לאייפון שלנו כדי לבדוק.
- רקעים לפוסטים ברשתות חברתיות: מראה מותאם מידי לגרפיקות ציטוטים.
- קטעי גיבור: רקעי מעבר נמצאים בכל מקום בדפי נחיתה.
- מצגות שקופיות: החלף רקעים מוצקים משעממים.
בחירת צבעים שעובדים
צבעים סמוכים בגלגל הצבעים = עדין, הרמוני. מנוגדים = נועז, מושך תשומת לב. הוסף עצירה שלישית באמצע כדי לגשר על פער רחב. עבור מעברים נאמנים למותג, הדבק את ה-HEX של המותג ובחר גוון בהיר או כהה לעצירה השנייה. השתמש בממיר הצבעים שלנו כדי למצוא גוונים בהירים (HSL עם בהירות גבוהה יותר) או כהים (נמוכה יותר).
שאלות נפוצות
האם ניתן להשתמש באלה בסביבת ייצור?
כן — ה-CSS המועתק עובד בכל דפדפן מודרני. מסופקים פתרונות גיבוי של SVG עבור מטרות ישנות יותר.
מה לגבי תמיכת הדפדפנים בגרדיאנט רדיאלי?
אוניברסלי בדפדפנים מודרניים. תחביר ה-CSS הוא בשורה אחת.
באיזה גודל אוכל לייצא את ה-PNG?
חינם: עד 4K (3840×2160). פרימיום: 8K ומעלה.
האם מעברי צבע מרושתים קשים לשימוש?
באינטרנט הם מבוססי SVG או canvas. אנו מספקים לך PNG שטוח לשימוש קל, בתוספת קוד המקור של SVG לעריכה.
האם אוכל לשמור את הגרדיאנטים שלי?
היכנסו (בחינם) והגרדיאנטים השמורים יופיעו בספרייה שלכם.
מהו 'גרדיאנט קוני'?
סוחף סביב נקודה — כמו גלגל צבעים או תרשים עוגה. CSS מודרני תומך בזה באופן טבעי.
האם זה עובד עבור מעברי צבע מונפשים?
ייצוא סטטי בלבד. עבור רקעים מונפשים, העתק את ה-CSS והוסף אנימציית CSS סביב זווית המעבר.
למה לא פשוט לכתוב CSS ביד?
אתה יכול — הכלי פשוט מאיץ את החזרה החזותית. העתק ושנה.
אודות מחולל מעברי צבע
מחולל מעברי צבע הוא כלי חינמי מקוון מ-Wallpapers.com שפועל כולו בדפדפן שלך — ללא התקנה, ללא סימן מים, ללא הרשמה באימייל לניסיון הראשון.
בנה מעברים ליניאריים או רדיאליים עם פלט CSS להעתקה והדבקה.
איך להשתמש מחולל מעברי צבע
- בחר צבע מהדוגמית או הדבק ערך HEX / RGB.
- כוונן את הפלט — פלטה, ניגודיות, צבעים משלימים.
- העתק את הערך, או ייצא את הדוגמית כ-JSON.
מתי להשתמש בזה
מקרי שימוש נפוצים כוללים:
הכנת תמונות להעלאה לאינטרנט, רישומים במסחר אלקטרוני, פלטפורמות רשתות חברתיות עם מגבלות פורמט והמרת קבצים ממכשיר או אפליקציה אחת לאחרת.
חינם מול פרימיום
כל מבקר מקבל ניסיון חינם; משתמשים רשומים (חינם) מקבלים מכסה יומית גבוהה יותר. הירשם ל
פרימיום
לשימושים בלתי מוגבלים, עיבוד אצווה של עד 200 תמונות למשימה, תור עדיפות וגלישה ללא פרסומות.
כלים קשורים
מחפש משהו אחר? נסה את ה
בורר צבעים מתמונה
,
חולץ פלטות
או
ממיר לגווני אפור
— או עיין בכל ה
כלי צבע כלים.
