Material UI Color Tool

מייצר פלטות צבע Material UI מתוך צבע בסיס ומספק טוקנים מלאים עם ניגודיות נגיש לכל תמות.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support

1,608+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

אודות כלי זה

Generates Material UI color palettes from a base color and delivers a full token set that can be used by React components and design systems.
Conceputually links the base color to primary, secondary and neutral tokens and derives lighter and darker variants to cover surfaces, text and states.
Users include design ops, front end engineers and product teams seeking consistent theming and predictable color behavior across light and dark modes.
The unique value lies in integrated accessibility checks, export-ready formats and alignment with Material Design conventions, enabling seamless handoff to developers and fast iteration.

Save your calculation history with a free account

איך להשתמש

מספקים קלט: צבע בסיס בהקס, בחירת מצב צבע, התאמת צעדים ופורמט ייצוא.
הרצת חישוב: יצירה של tokens וצבעים לפי הקלט.
בדיקה של התוצרים: בדיקת ערכי tokens ומדדי ניגוד אם רלוונטי.
ייצוא tokens: בחירה CSS/JSON/SCSS; הורדה או העתקה.
אינטגרציה במערכת העיצוב: שימוש בטוקנים ברכיבים והבטחת נגישות בכל הנושאים.

Frequently Asked Questions

מצא תשובות מהירות

איזה קלטים נדרשים?

נדר צבע בסיס ב hex ליצירת הפלטה. קלטים אפשריים כוללים מצב צבע (בהיר/כהה), מספר צעדים (3–9) ופורמט ייצוא (css/json/scss). פורמטים תקפים כמו #RRGGBB או #RGB ייאשרו לאחר נרמול.

איזה פלטים מיוצרים?

הכלי מפיק tokens לצבעים עבור-primary, primary_light, primary_dark, background ו-text, יחד עם מדדי ניגוד אופציונליים. Tokens ניתן לייצא כ CSS variables, נתוני themed JSON או SCSS maps.

איך מחושב הניגוד?

הניגוד מחושב באמצעות WCAG relative luminance לשמירת נגישות בין טקסט לרקע. המטרה 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול.

אפשר להתאים שמות tokens או פורמטים?

כן. שמות tokens עוקבים אחרי קונבנציה כמו primary, primary_light וכן הלאה, והפורמטים כוללים css, json או scss. הייצוא יכול להיות מותאם למערכת העיצוב שלכם.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

ממיר Spotify ל-MP3

ממיר קבצי שמע מסופקים מקומית ל-MP3, מאפשר האזנה offline ותאימות בין מכשירים למוזיקה בבעלות חוקית ואח...

מחשב מרחק דרך

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

מחשבון גיל

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

הממיר מטבעות

המיר במהירות סכומים בין מטבעות שונים עם הממיר חינם שלנו, מתאים לנסיעות, עסקים וקונים בינלאומיים.

המשוב שלך חשוב

עזור לנו לשפר