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

גרור ושחרר תמונה לכאן

או לחץ לעיון — אפשר גם להדביק מהלוח

הכל פועל בדפדפן שלך — התמונה שלך לעולם לא מועלית, ללא הרשמה, חינם לחלוטין.

תמונת מקור
קורא צבעים…
תמונת מקור
מצב רוח
צבעים שחולצו
אלה הצבעים הדומיננטיים שנשלפו מהתמונה. לחץ על דוגמית להעתקה, או גרור את העצירות למטה לכוונון עדין של הגרדיאנט.
תצוגה מקדימה של גרדיאנט
סוג גרדיאנט
זווית
°
עצירות צבע
גרור ידית להזזת עצירה, או לחץ על הסרגל להוספת אחת. בחר עצירה לעריכת צבעה.
עצירה נבחרת
%
CSS
background: ;

אודות גנרטור גרדיאנט מתמונה

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

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

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

כיצד להשתמש ב-גנרטור גרדיאנט מתמונה

  1. גררו ושחררו תמונה, לחצו לעיון בקבצים, או הדביקו אחת מלוח ההעתקה שלכם.
  2. בחרו אווירה — צבעוני, בהיר, מעומעם, עמוק או כהה — כדי לבחור אילו צבעים שחולצו הופכים לנקודות עצירה.
  3. בחרו את סוג הגרדיאנט (ליניארי, רדיאלי או קוני) וכווננו את הזווית.
  4. גררו את נקודות העצירה לכוונון עדין של התערובת; הוסיפו, הסירו, היפכו או ערבבו מחדש נקודות לפי הצורך.
  5. לחצו על "העתק CSS" כדי לקבל את קוד הגרדיאנט המוכן להדבקה.

שאלות נפוצות

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

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

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

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

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

שתף זאת

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

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