เครื่องสร้างจานสี

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

ตัวสร้างจานสีสร้างโทนสีที่กลมกลืนจากสีพื้นฐานใดๆ โดยใช้หลักการทฤษฎีสีเจ็ดประการ: สีตรงข้าม, สามสีหลัก, สีใกล้เคียง, สีตรงข้ามแยก, สี่สีหลัก, สีเดียว และเฉดสี

แต่ละสวอตช์แสดงรหัส hex และสามารถคลิกเพื่อคัดลอกค่า เครื่องมือใช้พื้นที่สี HSL ในการคำนวณมุมที่แม่นยำบนวงล้อสี

วิธีใช้งาน

1. คลิกตัวเลือกสีหรือเลือกจากสวอตช์พรีเซ็ต 8 สีเพื่อตั้งค่าสีพื้นฐาน
2. เลือกรูปแบบความสามัคคีจากแถบแท็บ
3. จานสีถูกสร้างทันที — แต่ละสวอตช์แสดงรหัส hex
4. คลิกสวอตช์ใดก็ได้เพื่อคัดลอกรหัส hex ไปยังคลิปบอร์ด

รูปแบบความสามัคคีของสี

สีตรงข้าม — สองสีตรงข้าม; คอนทราสต์สูง สามสีหลัก — สามสีห่างกัน 120° สีใกล้เคียง — สีติดกันบนวงล้อ; กลมกลืน สีตรงข้ามแยก — ฐาน + สองสีข้างๆ ของสีตรงข้าม สี่สีหลัก — สี่สีห่างกัน 90° สีเดียว — เฉดของสีเดียว เฉดสี — ช่วงความสว่างทั้งหมด

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

นักออกแบบ UI/UX ใช้สร้างระบบสีสำหรับแอป นักออกแบบกราฟิกเลือกจานสีสำหรับอัตลักษณ์แบรนด์ นักพัฒนา web คัดลอกรหัส hex ไปยังตัวแปร CSS หรือการตั้งค่า Tailwind

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

• รหัสสีอยู่ในรูปแบบใด? — สีทั้งหมดแสดงในรูปแบบ hex (#RRGGBB) พร้อมวางใน CSS, Figma หรือเครื่องมือออกแบบใดก็ได้
• แต่ละรูปแบบสร้างสีกี่สี? — สีตรงข้าม: 2 สามสี/แยก: 3 สี่สี: 4 สีใกล้เคียง: 4 สีเดียว/เฉดสี: 5-9
• รูปแบบใดดีที่สุดสำหรับเว็บไซต์? — สีใกล้เคียงสำหรับดูสงบและมืออาชีพ; สีตรงข้ามสำหรับอินเทอร์เฟซคอนทราสต์สูง; สีเดียวสำหรับการออกแบบมินิมอล