הדבק או יבא קבוצת צבעים וייצא אותם מיידית לערכי CSS, SCSS, קונפיגורציית Tailwind, JSON או תצוגות SVG — השלב המסכם לכל פלטה.

הדבק ערכי HEX (אחד בכל שורה, או מופרדים בפסיקים/רווחים). rgb() ו-hsl() מתקבלים גם כן.

פלטה

לא נמצאו צבעים תקניים — בדוק את הקלט.

פורמט ייצוא
קוד ייצוא

							

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


אודות מייצא פלטה

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

שישה פורמטי פלט נוצרים באופן חי: משתני CSS מותאמים אישית, משתני SCSS, בלוק צבעים לתצורת Tailwind, JSON, גווני SVG ורשימת HEX פשוטה. קידומת משתנה הניתנת להגדרה שומרת על שמות שנוצרים עקביים עם קוד המקור שלכם, וכל פורמט אפשר להעתיק ללוח ההעתקה או להוריד כקובץ.

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

כיצד להשתמש ב-מייצא פלטה

  1. הדביקו את הצבעים שלכם לתוך שדה הקלט — HEX,‏ rgb() או hsl(), אחד בשורה או מופרדים בפסיקים.
  2. לחצו על "עדכן צבעים" כדי לפרש אותם לפלטה, או טענו את הדוגמה כדי לנסות.
  3. בחרו פורמט ייצוא: משתני CSS, SCSS, תצורת Tailwind, JSON, גווני SVG או HEX פשוט.
  4. כווננו את קידומת המשתנה אם ברצונכם בשם מותאם אישית.
  5. העתיקו את הקוד שנוצר או הורידו אותו כקובץ.

שאלות נפוצות

ערכי HEX (עם או בלי סימן #), וסימוני rgb() ו-hsl() כולם מזוהים. אפשר לערבב פורמטים ולהפריד צבעים בשורות חדשות, פסיקים או רווחים — המפרש בוחר כל צבע תקין ומתעלם מהשאר.

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

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

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

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

שתף זאת

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

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