📐 ชุดเครื่องมือเดียว
ทุกงานออกแบบ

ระบบสี UI

สร้างชุดโทเค็นการออกแบบที่สมบูรณ์จากสีเมล็ดเดียว ส่งออกเป็น Tailwind, CSS หรือ SCSS

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

📐 ระบบสี UI

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

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

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

Pro Tips

Frequently Asked Questions

Q: โทเค็นการออกแบบคืออะไร?
โทเค็นการออกแบบคืออะไร? โทเค็นการออกแบบคือค่าที่มีชื่อซึ่งจัดเก็บแอตทริบิวต์การออกแบบ เช่น สี ซึ่งใช้อย่างสม่ำเสมอทั่วทั้งระบบการออกแบบ
Q: ทำไมฉันต้องมี 10 เฉดสี?
ทำไมฉันต้องมี 10 เฉดสี? องค์ประกอบ UI ที่แตกต่างกันต้องมีระดับคอนทราสต์ที่แตกต่างกัน มาตราส่วน 10 ขั้นตอนให้ความยืดหยุ่นสำหรับพื้นหลัง เส้นขอบ สถานะโฮเวอร์ และข้อความ
Q: จานสีโทเค็นการออกแบบคืออะไร?
จานสีโทเค็นการออกแบบคืออะไร? จานสีโทเค็นการออกแบบคือชุดตัวแปรสีอย่างเป็นระบบ (หลัก รอง พื้นผิว ข้อความ) ที่สร้างจากสีของแบรนด์เดียว ช่วยให้มั่นใจได้ถึงความสอดคล้องทั่วทั้ง UI ของคุณ
Q: ฉันสามารถส่งออกไปยังระบบการออกแบบอื่นที่
ฉันสามารถส่งออกไปยังระบบการออกแบบอื่นที่ไม่ใช่ Tailwind ได้หรือไม่ ใช่ เครื่องมือจะส่งออกไปยังคุณสมบัติที่กำหนดเองของ CSS, ตัวแปร SCSS และรูปแบบการกำหนดค่า Tailwind คัดลอกรูปแบบที่ตรงกับสแต็กของคุณ
Q: ฉันจะจัดการกับโหมดมืดด้วยเครื่องมือนี้ได
ฉันจะจัดการกับโหมดมืดด้วยเครื่องมือนี้ได้อย่างไร สร้างจานสีโหมดแสงของคุณก่อน จากนั้นใช้สีเริ่มต้นเดียวกันโดยมีค่าความอิ่มตัวและความสว่างลดลงสำหรับโหมดมืด ระบบการออกแบบจำนวนมากกลับสีพื้นผิวและข้อความ

สีไทย

จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย

แดงธงชาติ #A51931

สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์

ขาวธงชาติ #F4F5F8

สีขาวของธง — ศาสนาและความบริสุทธิ์

น้ำเงินธงชาติ #2D2A4A

สีน้ำเงินของธง — พระมหากษัตริย์

เหลืองทอง #FFD700

สีทองของวัดและพระบรมมหาราชวัง

เขียวใบไม้ #228B22

ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน

ชมพูบัว #F4A0B5

ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา

ส้มจีวร #FF7F00

สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง

ฟ้าน้ำทะเล #00A3AF

ท้องทะเลอันดามันและอ่าวไทย

ม่วงอัญชัน #6A4C93

สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ

เขียวมรกต #50C878

สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์

Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก