เครื่องมือสร้างชุดสี (Color Palette) - สร้างชุดสีแบบสุ่มและลงตัว
สร้างชุดสี 5 สีที่เข้ากันได้อย่างลงตัว ล็อคสี, กด Space เพื่อสุ่มใหม่, และส่งออกเป็น CSS หรือ Tailwind ฟรี
เครื่องมือสร้างชุดสี (Color Palette Generator) คืออะไร?
เครื่องมือสร้างชุดสี (Color Palette Generator) สร้างชุดสีที่เข้ากันตามทฤษฎีสี สร้างชุดสี 5 สีโดยใช้โหมดต่างๆ เช่น Analogous, Complementary, Triadic, Split-Complementary และ Monochromatic ช่วยนักออกแบบและนักพัฒนาค้นหาสีที่สอดคล้องกันสำหรับเว็บไซต์, แอป, และโปรเจกต์ออกแบบกราฟิก
วิธีการสร้างชุดสี
- เลือกโหมดสีที่ต้องการ — เลือกจาก Analogous, Complementary, Triadic, Split-Comp, หรือ Mono
- สร้าง — กด Space หรือรีโหลดเพื่อรับชุดสีใหม่
- ล็อคสี — คลิกไอคอนล็อคบนสีที่คุณต้องการเก็บไว้
- คัดลอก — คลิกที่แถบสีหรือรายละเอียดเพื่อคัดลอกค่า HEX
- ส่งออก — คัดลอกชุดสีทั้งหมดเป็น CSS variables หรือ Tailwind config
ทำไมต้องใช้เครื่องมือสร้างชุดสีนี้?
- 5 โหมดสีที่ลงตัว — Analogous, complementary, triadic, split-complementary, และ monochromatic
- ล็อค & สุ่มใหม่ — เก็บสีที่คุณชอบไว้ขณะที่สุ่มสีที่เหลือใหม่
- ทุกรูปแบบ — แสดงผล HEX, RGB, และ HSL สำหรับทุกสี
- ส่งออกโค้ด — คัดลอก CSS custom properties หรือ Tailwind config ได้ทันที
- ปุ่มลัดคีย์บอร์ด — กด Space เพื่อสร้างชุดสีใหม่อย่างรวดเร็ว
FreeToolbox เทียบกับเครื่องมือสร้างชุดสีอื่นๆ
| คุณสมบัติ | FreeToolbox | Coolors | Adobe Color |
|---|---|---|---|
| โหมดสีที่ลงตัว | 5 โหมด | กำหนดเอง + AI | 6 โหมด |
| ล็อคสี | มี | มี | ไม่มี |
| ส่งออกโค้ด | CSS + Tailwind | หลากหลาย | ไม่มี |
| การลงทะเบียน | ไม่ต้อง | ฟรี (จำกัด) | บัญชี Adobe |
| โฆษณา | น้อยมาก | แบนเนอร์โฆษณา | ไม่มี |
คำถามที่พบบ่อย
ฉันจะสร้างชุดสีใหม่ได้อย่างไร?
กดปุ่ม Space บนคีย์บอร์ดของคุณ หรือคลิกปุ่มโหมดสีใดก็ได้ สีที่ล็อคไว้จะคงอยู่ขณะที่สีที่เหลือถูกสร้างใหม่
โหมดสีที่ลงตัวคืออะไร?
โหมดสีที่ลงตัวใช้ทฤษฎีสีเพื่อสร้างชุดสีที่น่าพึงพอใจ Analogous ใช้สีที่อยู่ติดกัน, Complementary ใช้สีตรงข้าม, Triadic ใช้สีสามสีที่เว้นระยะเท่าๆ กัน, Split-Complementary ใช้สีหนึ่งสีบวกกับสองสีที่อยู่ติดกับสีตรงข้าม, และ Monochromatic เปลี่ยนความสว่างของสีเดียว
ฉันสามารถล็อคสีที่ฉันชอบได้หรือไม่?
ได้ คลิกไอคอนล็อคบนแถบสีใดก็ได้ เมื่อคุณสร้างชุดสีใหม่ สีที่ล็อคไว้จะไม่เปลี่ยนแปลง
รองรับรูปแบบใดบ้าง?
แต่ละสีจะแสดงค่า HEX, RGB, และ HSL คลิกค่าใดก็ได้เพื่อคัดลอกไปยังคลิปบอร์ดของคุณ
ฉันจะส่งออกชุดสีได้อย่างไร?
ใช้แท็บส่งออกด้านล่างชุดสีเพื่อรับ CSS custom properties (ตัวแปร :root) หรือส่วนย่อยของ Tailwind CSS config จากนั้นคลิก คัดลอก