ไอเดียดี ๆ
เริ่มต้นด้วยสีที่ใช่
สร้างพื้นที่ให้ทีมทำงานร่วมกัน
ด้วยเครื่องมือที่เรียบง่ายและชัดเจน
Tailwind Colors.
iเลือกจุดเริ่มต้น
เลือกชุดสีเพื่อแทนที่ชุดปัจจุบัน ย้อนกลับได้ด้วย ↶
คลิกเฉดสีเพื่อคัดลอกรหัส HEX · สีหลักอยู่ที่ 500พร้อมสร้างชุดสี
ลองสีบนหน้าจอจริง
ตัวอย่าง UI เปลี่ยนตามชุดสีด้านบน
ไอเดียดี ๆ
ภาพรวมรายรับ
+18.6%เดือนนี้ · เพิ่มขึ้นจากเดือนก่อน
ม.ค.เม.ย.ก.ค.
PN
พิมพ์ชนก นวลจันทร์
Product designer
พร้อมร่วมงาน24โปรเจกต์
1.8kผู้ติดตาม
สร้างพื้นที่ทำงาน
ชวนทีมมาสร้างสิ่งใหม่ด้วยกัน
กำหนดการวันนี้
28 ก.ย.ทีมดีไซน์ประจำสัปดาห์
ทบทวนงานและวางแผนสัปดาห์ใหม่
Designรีวิวกับลูกค้า
นำเสนอต้นแบบและเก็บข้อเสนอแนะ
Reviewเวลาสำหรับไอเดียใหม่
ทดลองสิ่งที่อยากทำมาตลอด
Studio
฿490 / เดือน
- โปรเจกต์ไม่จำกัด
- สมาชิกในทีม 10 คน
- ส่งออกไฟล์ได้ทุกรูปแบบ
Buttons & states
DefaultHoverDisabled
กันยายน 2026
28เลือกวันเพื่อทดลองสีสถานะ selected
สิ่งที่ต้องทำ
Design system · 1 / 3 tasks
บันทึกการเปลี่ยนแปลงแล้ว
ชุดสีพร้อมใช้ในโปรเจกต์ถัดไป
ตัวอย่างสำหรับทดลองสี ข้อมูลทั้งหมดเป็นข้อมูลสาธิต
นำชุดสีไปใช้
ชื่อชุดสีใช้เป็นชื่อ utility เช่น bg-primary-500