מחולל פלטות צבעים: הרמוניות, גוונים וייצוא – חינם

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

או ללחוץ על רווח. לנעול צבעים שאוהבים כדי לשמור אותם.

לערוך
לערוך
לערוך
לערוך
לערוך

בנייה מצבע

צבע בסיס

הרמוניה

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

גוונים של #2F5BFF

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

ייצוא

משתני CSSTailwindJSONרשימת HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

הפלטות נוצרות במכשיר שלך.

למה כדאי להשתמש ב-מחולל פלטות צבעים

100% חינם: השתמשו בו כמה שתרצו. בלי הרשמה, בלי סימן מים, בלי צורך בהתקנה.
פרטיות מובנית: מה שאתם מקלידים נשאר בדפדפן שלכם ולעולם לא נשלח אלינו.
עובד בכל מכשיר: פועל בדפדפן ב-Windows, ב-Mac, ב-Linux, באנדרואיד ובאייפון. בלי צורך באפליקציה.

איך משתמשים ב-מחולל פלטות צבעים

לחצו על «יצירת פלטה», או על מקש הרווח, עד שתראו צבעים שאתם אוהבים.
לחצו על «נעילה» בכל צבע כדי לשמור אותו בזמן ששאר הצבעים משתנים. השתמשו ב«עריכה» כדי לכוונן צבע בבורר.
כדי להתחיל מצבע משלכם, הזינו אותו תחת «בנייה מצבע», בחרו הרמוניה (אנלוגית, משלימה, משלימה מפוצלת, טריאדית, טטראדית או מונוכרומטית) ולחצו על «החלה».
לחצו על קוד ה-HEX של צבע כדי לראות את 11 הגוונים שלו, מ-50 עד 950. לחצו על גוון כדי להעתיק אותו.
תחת «ייצוא» בחרו «משתני CSS», Tailwind, JSON או «רשימת HEX», ואז לחצו על «העתקה» או «הורדה».

שאלות נפוצות

איך יוצרים פלטת צבעים מצבע אחד?

הזינו או בחרו את הצבע תחת «בנייה מצבע», בחרו הרמוניה ולחצו על «החלה». תקבלו חמישה צבעים שמתאימים לו, והצבעים שנעלתם נשארים כמו שהם.

מהן הרמוניות צבעים?

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

איזו הרמוניה כדאי לבחור?

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

מהם גוונים וגוונים בהירים?

גרסאות כהות ובהירות יותר של צבע אחד. סולם הגוונים כולל 11 שלבים, מ-50 (הבהיר ביותר) עד 950 (הכהה ביותר), באותו גוון, כפי שמערכות עיצוב מסמנות אותם.

איך משתמשים בפלטה בקוד?

ייצאו אותה כמשתני CSS (--color-1 עד --color-5), כבלוק @theme של Tailwind, כמערך JSON או כרשימה פשוטה של קודי HEX, ואז העתיקו אותה או הורידו אותה כקובץ.

האם הייצוא ל-Tailwind עובד עם Tailwind CSS v4?

כן. מדובר בבלוק @theme עם --color-palette-100 עד --color-palette-500, ש-Tailwind v4 הופך למחלקות כמו bg-palette-100. ב-v3, העתיקו את קודי ה-HEX לקטע colors בקובץ ההגדרות.

אפשר לשמור חלק מהצבעים ולשנות את השאר?

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