สร้างชุดสี

สร้างชุดสี 5 สีจากกฎสีหรือรูปถ่าย ตรวจสอบคอนทราสต์ของข้อความ และคัดลอกรหัส

ฟรี · ไม่ต้องสมัครสมาชิก · ไม่มีลายน้ำ

🔒 ไฟล์ไม่เคยออกจากอุปกรณ์ของคุณ — การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์

วิธีใช้งาน

  1. เลือกกฎ เช่น สีข้างเคียงหรือสีตรงข้าม หรือสลับเป็น “จากรูปภาพ”
  2. กดสร้าง (หรือแป้นเว้นวรรค) และล็อกสีที่คุณต้องการเก็บไว้
  3. คัดลอกรหัส HEX หรือตัวแปร CSS ดาวน์โหลด PNG หรือบันทึกชุดสีเป็นสีแบรนด์ของคุณ

สร้างชุดสี

กฎความกลมกลืนอิงจากวงล้อสี: สีข้างเคียงอยู่ติดกัน สีตรงข้ามอยู่ฝั่งตรงข้าม สามสีสมดุลห่างกัน 120° แต่ละช่องสีแสดงว่าข้อความสีดำหรือสีขาวอ่านง่ายกว่า พร้อมอัตราส่วนคอนทราสต์ WCAG — 4.5:1 เป็นขั้นต่ำสำหรับข้อความปกติ

“จากรูปภาพ” หาสีหลักด้วยการจัดกลุ่ม k-means บนสำเนาขนาดเล็กของรูปถ่าย การบันทึกเป็นสีแบรนด์จะเก็บสี่สีในเบราว์เซอร์นี้เท่านั้น เพื่อให้เครื่องมือสร้างโลโก้ ไฟคอน และภาพปกนำไปใช้ได้

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

การล็อกทำอะไร

สีที่ล็อกจะคงอยู่เมื่อสร้างใหม่ คุณจึงสร้างชุดสีรอบสีที่ชอบอยู่แล้วได้

รูปถ่ายของฉันถูกอัปโหลดไหมเมื่อดึงสี

ไม่ สีถูกคำนวณในเบราว์เซอร์ของคุณ

ควรใช้รูปแบบไหนใน CSS

HEX พบบ่อยที่สุด เครื่องมือยังให้ตัวแปร CSS ที่พร้อมวางด้วย

เครื่องมือ PDF เพิ่มเติม

เครื่องมือออกแบบ ›