📐 One toolkit, every design task

ระบบสี UI

Generate complete design token palettes from a single seed color. Export to Tailwind, CSS, or SCSS.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

📐 ระบบสี UI

คู่มือระบบสี UI

ระบบสี UI คือชุดของตัวแปรสีที่สร้างขึ้นจากสีเมล็ดเดียว โดยให้ระดับแสงถึงมืดที่สอดคล้องกันสำหรับโทเค็นการออกแบบ ปุ่ม พื้นหลัง และสีข้อความ

เลือกสีเมล็ดพืชและเลือกสไตล์ (ลมท้ายหรือวัสดุ) เครื่องมือนี้สร้างพาเล็ต 10 ขั้นตอนที่สมบูรณ์ตั้งแต่สีอ่อน (50) ไปจนถึงสีเข้ม (900) เหมาะสำหรับระบบการออกแบบ

Pro Tips

FAQ

Q: โทเค็นการออกแบบคืออะไร?

โทเค็นการออกแบบคืออะไร? โทเค็นการออกแบบคือค่าที่มีชื่อซึ่งจัดเก็บแอตทริบิวต์การออกแบบ เช่น สี ซึ่งใช้อย่างสม่ำเสมอทั่วทั้งระบบการออกแบบ

Q: ทำไมฉันต้องมี 10 เฉดสี?

ทำไมฉันต้องมี 10 เฉดสี? องค์ประกอบ UI ที่แตกต่างกันต้องมีระดับคอนทราสต์ที่แตกต่างกัน มาตราส่วน 10 ขั้นตอนให้ความยืดหยุ่นสำหรับพื้นหลัง เส้นขอบ สถานะโฮเวอร์ และข้อความ