ทฤษฎีสี AI · ลงมือทำสีคู่ตรงข้าม / สามเส้า / ข้างเคียง / คู่ตรงข้ามแยก / สี่สี — เห็นภาพในคลิกเดียว
ทฤษฎีสีเป็นความรู้พื้นฐานของงานออกแบบ แต่ตำรา PDF ลืมภายใน 3 วัน Color Theory AI เปลี่ยนแต่ละกฎเป็นกรณีศึกษาแบบโต้ตอบ: เลือกสีคู่ตรงข้าม แล้ว AI สร้าง 6 กรณีจริง (โปสเตอร์ / เว็บ / ภายใน / แฟชั่น) พร้อมคำอธิบายนักออกแบบและตัวอย่างตรงข้าม
Playground ทดสอบสีส่วนตัว
แนะนำ: สลับไป nano-banana-pro หรือ gpt-image-2
เทมเพลต
แตะการ์ดเพื่อเติมพรอมต์ ยังไม่สร้างภาพทันที
อัปโหลดเซลฟี่หรือเขียนพรอมต์หนึ่งบรรทัด โมเดลจับคู่ฤดูของคุณและคืนการ์ด
ตัวอย่าง
ภาพด้านล่างทั้งหมดสร้างด้วย GPT Image 2.5 กด “ใช้พรอมต์นี้” เพื่อใส่พรอมต์ลงพื้นที่ทำงานด้านบน
ทำไมเครื่องมือนี้
คู่ตรงข้าม
สีตรงข้าม 180°: แดง↔เขียว / น้ำเงิน↔ส้ม / เหลือง↔ม่วง — ดราม่าสูงสุด บาลานซ์ยากสุด
สามเส้า
สามทาง 120°: แดง/เหลือง/น้ำเงิน — สมดุลคลาสสิก เหมาะกับเด็กและงานเทศกาล
ข้างเคียง
ชุดสามสีห่าง 30°: ส้ม-เหลือง-เขียว / น้ำเงิน-ม่วง-ชมพู — กลมกลืนสุด พลาดยากสุด
คู่ตรงข้ามแยก
สีหลัก + 30° สองข้างของสีคู่ตรงข้าม: ดราม่านุ่มลง เช่น น้ำเงิน + เหลืองส้ม + แดงส้ม
สี่สี
สี่เหลี่ยม 4 ทาง: เข้มข้นแต่บาลานซ์ยาก — ต้องมี 1 สีหลัก + 3 สีรอง
สัดส่วนทอง 60-30-10
หลัก 60% รอง 30% เน้น 10% — กฎสากลของงานภายในและ UI AI ใช้สัดส่วนนี้เป็นค่าเริ่มต้น
FAQ
ทฤษฎีสี / สีส่วนตัว / ตัวสร้างพาเลตต์ — เรื่องเดียวกัน?
คนละเรื่อง ทฤษฎีสี = กฎตามวัตถุวิสัย (คู่ตรงข้าม ฯลฯ) สีส่วนตัว = สีที่เข้ากับผิวของคุณ ตัวสร้างพาเลตต์ = ผลที่นำไปใช้ เรามีทั้งสามเป็นเครื่องมือแยกกัน
ฉันเป็นวิศวกร / PM — เรียนสีจากสิ่งนี้ได้ไหม
ใช่ แต่ละทฤษฎีมาพร้อม 6 กรณีที่สร้างขึ้น ตัวอย่างตรงข้าม และโน้ตนักออกแบบ — เร็วกว่าตำรา PDF 5× เส้นทางที่แนะนำ: คู่ตรงข้าม → ข้างเคียง → สามเส้า → Split-Comp → สี่สี → 60-30-10
ใช้กับโค้ด / ออกแบบเว็บได้ไหม
ได้ ทุกกรณีส่งออกเป็นคลาส Tailwind ตัวแปร CSS หรือสไตล์ Figma จะเรียกตัวสร้างพาเลตต์เพื่อขยายพาเลตต์เดโมเป็นระบบแบรนด์ 8 สีเต็มก็ได้