Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.
نظام ألوان واجهة المستخدم عبارة عن مجموعة من متغيرات الألوان المبنية من لون بذرة واحد. يوفر مقاييس متسقة من الضوء إلى الداكن لرموز التصميم والأزرار والخلفيات وألوان النص.
حدد لون البذرة واختر النمط (الرياح الخلفية أو المادة). تنشئ الأداة لوحة كاملة مكونة من 10 خطوات من الفاتح (50) إلى الداكن (900)، مما يجعلها مثالية لأنظمة التصميم.
ما هو رمز التصميم؟ رمز التصميم هو قيمة مسماة تخزن سمة تصميم مثل اللون، ويتم استخدامها بشكل متسق عبر نظام التصميم.
لماذا أحتاج إلى 10 ظلال؟ تحتاج عناصر واجهة المستخدم المختلفة إلى مستويات تباين مختلفة. يوفر المقياس المكون من 10 خطوات المرونة للخلفيات والحدود وحالات التمرير والنص.