สร้างโครงสีสัมพันธ์

เกี่ยวกับเครื่องมือนี้

ตัวสร้างรูปแบบสีใช้ทฤษฎีสีเพื่อสร้างจานสีที่กลมกลืนจากสีพื้นฐานเดียว

วิธีนี้สะท้อนถึงวิธีการที่ใช้โดยเครื่องมือออกแบบระดับมืออาชีพ

ประเภทรูปแบบ

• สีตรงข้าม: สองสีตรงข้ามกันบนวงล้อสี (180°) ความเปรียบต่างสูง
• สีใกล้เคียง: สามสีที่อยู่ใกล้กัน (±30°) กลมกลืนและเป็นธรรมชาติ
• ไตรแอด: สามสีที่เว้นระยะเท่ากัน (120°) สดใสและสมดุล
• เตตราด: สี่สีที่เว้นระยะเท่ากัน (90°) จานสีที่อุดมสมบูรณ์
• สีตรงข้ามแยก: พื้นฐาน + สองสีที่อยู่ติดกับสีตรงข้าม ความเปรียบต่างสูงแต่นุ่มนวลกว่า
• โมโนโครม: ห้าระดับความสว่างของสีเดียวกัน ละเอียดอ่อนและสอดคล้องกัน

กรณีการใช้งาน

นักออกแบบแบรนด์สร้างจานสีที่สมบูรณ์จากสีหลักของแบรนด์เดียว นักพัฒนาเว็บเลือกสีเน้นเสริมสำหรับสถานะ hover

คำถามที่พบบ่อย

• ทำไมบางสีถึงดูคล้ายกัน? — เกิดขึ้นเมื่อความอิ่มตัวหรือความสว่างต่ำหรือสูงมาก ลองใช้โทนกลางที่อิ่มตัวกว่าเป็นพื้นฐาน
• ใช้ใน Tailwind หรือ CSS ได้ไหม? — ได้ คัดลอกรหัส hex และใช้เป็นสีที่กำหนดเองใน tailwind.config หรือตัวแปร CSS
• HSL คืออะไร? — Hue-Saturation-Lightness (สี-ความอิ่มตัว-ความสว่าง) Hue คือมุมบนวงล้อสี (0-360°)