DevTulz Online

เครื่องมือสร้างชุดสี

คลิกที่ตัวอย่างสีใดก็ได้เพื่อคัดลอกค่า hex
ส่งออกชุดสี

    
คัดลอกแล้ว!

ชุดสีคืออะไร?

ชุดสีคือชุดของสีที่คัดสรรมาเพื่อให้ทำงานร่วมกันได้อย่างกลมกลืน โดยอิงจากทฤษฎีสี รูปแบบสีถูกกำหนดโดยความสัมพันธ์ระหว่างโทนสีบนวงล้อสี ได้แก่ สีเสริม (โทนสีตรงข้าม คอนทราสต์สูง) สีใกล้เคียง (โทนสีที่อยู่ติดกัน กลมกลืน) ไตรภาค (สามโทนสีที่เว้นระยะเท่ากัน) เตตราดิก (สี่โทนสีที่เป็นรูปสี่เหลี่ยม) สีเสริมแยก (สีฐานบวกสองสีที่อยู่ติดกับสีเสริม) และโมโนโครมาติก (หนึ่งโทนสีในระดับความสว่างต่างกัน) ชุดสีมีความสำคัญในการออกแบบ UI การสร้างแบรนด์ และศิลปะภาพเพื่อสร้างชุดสีที่สอดคล้องและน่าดึงดูด

วิธีใช้เครื่องมือสร้างชุดสี

  • เลือกสีฐานโดยใช้ตัวเลือกสี หรือพิมพ์ค่า hex โดยตรง (เช่น #4f8ef7)

  • คลิก 'สุ่ม' เพื่อสร้างสีฐานแบบสุ่ม

  • เลือกรูปแบบสี: สีเสริม, สีใกล้เคียง, ไตรภาค, เตตราดิก, สีเสริมแยก หรือโมโนโครมาติก

  • คลิกที่ตัวอย่างสีใดก็ได้เพื่อคัดลอกค่า hex ไปยังคลิปบอร์ด

  • สลับแท็บส่งออกระหว่างตัวแปร CSS, อาร์เรย์ Hex และ HSL เพื่อเลือกรูปแบบที่ต้องการ

  • คลิก 'คัดลอก' เพื่อคัดลอกชุดสีที่ส่งออกทั้งหมดไปยังคลิปบอร์ด