חינם

מחולל לוח צבעים

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

הקבצים שלך לעולם לא עוזבים את המכשיר שלך
נותרו 10:00
#66C2DB
rgb(102, 194, 219)
hsl(193°, 62%, 63%)
#21BA23
rgb(33, 186, 35)
hsl(121°, 70%, 43%)
#2C0AA9
rgb(44, 10, 169)
hsl(253°, 89%, 35%)
#2C9B8E
rgb(44, 155, 142)
hsl(173°, 56%, 39%)
#A35CEB
rgb(163, 92, 235)
hsl(270°, 78%, 64%)

פתח גבולות

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

שדרג ל-Pro

מה זה מחולל לוח צבעים?

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

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

  1. בחר צבע בסיס באמצעות בוחר הצבעים או הזן ערך משושה.
  2. בחר מצב הרמוניה (משלים, אנלוגי, טריאדי וכו').
  3. כוונן צבעים בודדים על ידי לחיצה על כל דוגמית.
  4. נעל צבעים שאתה אוהב ולחץ על "צור" לווריאציות חדשות.
  5. ייצא את הפלטה הסופית כ-CSS, Tailwind, SCSS, או הורד כ-PNG.

תכונות

  • מצבי הרמוניה מרובים: משלימים, אנלוגיים, טריאדיים, טטראדיים, מונוכרומטיים
  • בוחר צבע חזותי עם כניסות hex, RGB ו-HSL
  • נעילת צבע לבניית פלטות איטרטיביות
  • בודק יחס ניגודיות WCAG
  • ייצא כמאפייני CSS מותאמים אישית, Tailwind או SCSS
  • הורד לוח צבעים כתמונת PNG
  • היסטוריית הצבעים והמועדפים
  • 100% עיבוד בצד הלקוח

שאלות נפוצות

אילו מצבי הרמונית צבע זמינים?
צור פלטות באמצעות הרמוניות צבע משלימות, אנלוגיות, טריאדיות, טטראדיות, מפוצלות משלימות ומונוכרומטיות.אתה יכול גם ליצור פלטות מותאמות אישית לחלוטין על ידי בחירת צבעים בודדים.
האם אוכל לייצא את הפלטה לפיתוח?
כֵּן!ייצא את לוח הצבעים שלך כמאפייני CSS מותאמים אישית, תצורת Tailwind CSS, משתני SCSS, או כתמונת PNG להורדה.כל פורמט מוכן להדבקה בפרויקט שלך.
איך אני מוצא שילובי צבעים נגישים?
המחולל כולל בודק ניגודיות שמעריך את יחסי הניגודיות של WCAG 2.0 בין כל שני צבעים בלוח שלך, ועוזר לך להבטיח קריאות טקסט ותאימות לנגישות.
Can I lock colors while generating new palettes?
כֵּן!נעל את כל הצבעים שאתה אוהב ואז צור מחדש - רק צבעים לא נעולים ישתנו.זה מאפשר לך לבנות באופן איטרטיבי את הפלטה המושלמת סביב צבעי המותג שלך.