בחרו שני צבעים וכמה גוונים תרצו ביניהם. העתיקו כל צבע או ייצאו את הפלטה בפורמט שאתם צריכים.
מחפשים גרדיאנט לרקע ב-CSS? מחולל גרדיאנטים
העבירו את העכבר מעל אחד הצדדים כדי לראות את הצבע שלו. הקישו על גרדיאנט כדי לפתוח אותו למעלה.
בחרו את צבע ההתחלה ואת צבע הסיום, בהקלדת הקוד או בבוחר הצבעים, וכמה גוונים תרצו ביניהם, בין 3 ל-12. הצבעים שבאמצע מחושבים במרחב צבע שמחקה את הראייה האנושית (OKLab), כך שהמעברים בין הגוונים נראים אחידים ולא מופיעים אפורים עכורים באמצע.
הכלי הזה נותן לכם צבעים נפרדים, עם הקוד שלהם, כדי להשתמש בהם אחד אחד: בסקאלה של Tailwind, בגרפים, במצגת או בחלקים של אתר. אם אתם צריכים רקע שעובר בעדינות מצבע לצבע, השתמשו במחולל הגרדיאנטים של CSS.
זו סדרה של צבעים שעוברים בהדרגה מצבע אחד לאחר. למשל, מוורוד לתכלת ב-7 שלבים. לכל צבע יש קוד HEX משלו ואפשר להשתמש בו בנפרד.
בין 3 ל-12. עם מעט צבעים המעברים בולטים יותר; עם הרבה, המעבר רך יותר ויש לכם יותר גוונים לבחור מהם.
משתני CSS עם גרדיאנט מוכן לשימוש, רשימת קודי HEX, הגדרות Tailwind, JSON, SVG או תמונת PNG. אפשר גם לפתוח אותה במחולל פלטות הצבעים ולהמשיך לערוך.
כי הערבוב מחושב ב-OKLab, מרחב צבע שתוכנן לפי הראייה האנושית. ערבוב RGB ישיר בין צבעים מנוגדים, כמו ורוד וירוק, עובר דרך גוונים דהויים; ב-OKLab המעבר נקי ואחיד יותר.
כן. כתובת הדף שומרת את שני הצבעים ואת מספר הגוונים, כך שאפשר להעתיק אותה ולשלוח.
מחולל הגרדיאנטים יוצר רקע רציף ב-CSS. הכלי הזה נותן לכם את הצבעים הנפרדים שבין שני צבעים, כדי להשתמש בהם אחד אחד.
כן, בלי הרשמה ובלי הגבלות. אפשר לשמור את הגרדיאנטים האהובים עליכם עם הלב; הם נשמרים בדפדפן הזה.
אנחנו משתמשים בעוגיות של Google Analytics כדי להבין איך משתמשים באתר. זה בסדר מבחינתך? מידע נוסף