ตัวสร้างพาเลท – พาเลทสีกลมกลืน

สร้างพาเลทสีกลมกลืนได้ทันที

การเลือกสีที่เข้ากันได้ดีเป็นหนึ่งในความท้าทายที่พบบ่อยที่สุดในการออกแบบ กฎความกลมกลืนสีซึ่งอิงจากความสัมพันธ์ระหว่างโทนสีบนวงล้อสี ให้พื้นฐานที่เชื่อถือได้ในการสร้างพาเลทที่สมดุล

ตัวสร้างพาเลทนี้รับสีฐานใดก็ได้และใช้กฎความกลมกลืนมาตรฐานเพื่อสร้างชุดสีเสริม ป้อนสีในรูปแบบ HEX, RGB หรือ HSL และสลับระหว่างประเภทความกลมกลืนเพื่อสำรวจการผสมผสานที่แตกต่างกัน

ประเภทความกลมกลืนสีอธิบาย

• เสริม — สองสีที่อยู่ตรงข้ามกันบนวงล้อสี (ห่างกัน 180°) คอนทราสต์สูง การผสมผสานที่โดดเด่น
• คล้ายกัน — สามสีที่อยู่ติดกันบนวงล้อสี (ห่างกัน 30°) กลมกลืนตามธรรมชาติและคอนทราสต์ต่ำ
• สามสี — สามสีที่เว้นระยะเท่ากันรอบวงล้อ (ห่างกัน 120°) สดใสและสมดุล
• แยกเสริม — สีฐานบวกสองสีที่อยู่ติดกับสีเสริมของมัน (150° และ 210°) นุ่มนวลกว่าสีเสริมบริสุทธิ์
• สี่สี (สี่เหลี่ยม) — สี่สีที่เว้นระยะเท่ากันรอบวงล้อ (ห่างกัน 90°) พาเลทที่หลากหลายและซับซ้อน

วิธีใช้ตัวสร้างพาเลท

1. ป้อนสีฐาน — พิมพ์ค่า HEX, RGB หรือ HSL หรือใช้ตัวเลือกสีในตัว
2. เลือกประเภทความกลมกลืนจากตัวเลือก
3. ดูพาเลทที่สร้างแสดงเป็นสวอตช์สี
4. คัดลอกค่า HEX หรือ RGB สำหรับสวอตช์ใดก็ได้ด้วยคลิกเดียว
5. สลับระหว่างประเภทความกลมกลืนเพื่อเปรียบเทียบพาเลทที่แตกต่างกัน

เมื่อใดที่ควรใช้ตัวสร้างพาเลท

• เริ่มโครงการออกแบบใหม่และต้องการโทนสีที่สมดุล
• สร้างอัตลักษณ์แบรนด์รอบสีหลักเฉพาะ
• สร้างธีม UI ด้วยสีเน้นที่กลมกลืน
• สำรวจความสัมพันธ์ของสีสำหรับภาพประกอบหรือศิลปะ
• สร้างพาเลทอย่างรวดเร็วสำหรับการนำเสนอหรือต้นแบบ

รวดเร็ว ฟรี และเป็นส่วนตัว

การคำนวณพาเลททั้งหมดเกิดขึ้นทันทีในเบราว์เซอร์ของคุณ — ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์ใดๆ ความกลมกลืนคำนวณผ่านการหมุน hue ของ HSL โดยคงความอิ่มตัวและความสว่างของสีฐานไว้เพื่อผลลัพธ์ที่สม่ำเสมอ

ต้องการดึงสีจากรูปภาพก่อนหรือไม่? ใช้ ตัวเลือกสี ต้องการแปลงระหว่างรูปแบบหรือไม่? ลอง ตัวแปลงสี ต้องการตรวจสอบการเข้าถึงหรือไม่? ใช้ ตัวตรวจคอนทราสต์

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

ความกลมกลืนสีคืออะไร?

ความกลมกลืนสีหมายถึงการผสมผสานของสีที่ดูสบายตาพร้อมกัน การผสมผสานเหล่านี้อิงจากความสัมพันธ์ทางเรขาคณิตระหว่างโทนสีบนวงล้อสี

ควรใช้ประเภทความกลมกลืนใด?

ขึ้นอยู่กับเป้าหมายการออกแบบของคุณ สีเสริมสร้างคอนทราสต์ที่แข็งแกร่ง สีคล้ายกันให้ความรู้สึกสงบ สีสามสีสดใสและสมดุล แยกเสริมให้คอนทราสต์ที่นุ่มนวลกว่า สีสี่สีให้พาเลทที่หลากหลายและซับซ้อน

สามารถป้อนรูปแบบสีใดได้บ้าง?

คุณสามารถป้อนสีในรูปแบบ HEX (เช่น #3B82F6), RGB (เช่น rgb(59, 130, 246)) หรือ HSL (เช่น hsl(217, 91%, 60%)) เครื่องมือจะตรวจจับรูปแบบโดยอัตโนมัติ

สีพาเลทคำนวณอย่างไร?

สีฐานถูกแปลงเป็น HSL สีพาเลทถูกสร้างโดยการหมุน hue ด้วยองศาที่กำหนดในขณะคงความอิ่มตัวและความสว่างไว้

สามารถคัดลอกสีที่สร้างได้หรือไม่?

ได้ สีพาเลทแต่ละสีมีปุ่มคัดลอกแบบอินไลน์สำหรับค่า HEX และ RGB

เครื่องมือนี้ทำงานบนมือถือหรือไม่?

ได้ ตัวสร้างพาเลทรองรับการตอบสนองอย่างสมบูรณ์และทำงานบนอุปกรณ์ใดก็ได้ที่มีเบราว์เซอร์สมัยใหม่

เครื่องมือนี้ฟรีหรือไม่?

ได้ ColourPicker.app ใช้งานได้ฟรีโดยสมบูรณ์ ไม่ต้องสมัครสมาชิก

สามารถบันทึกพาเลทที่สร้างได้หรือไม่?

เครื่องมือไม่บันทึกพาเลทระหว่างเซสชัน คุณสามารถคัดลอกค่าสีแต่ละสีและบันทึกในไฟล์โปรเจกต์หรือเครื่องมือออกแบบของคุณ