หลักการจับคู่สีคืออะไร

ชุดสีที่เลือกตามตำแหน่งบนวงล้อสี: สีข้างเคียงอยู่ติดกัน สีตรงข้ามอยู่ฝั่งตรงข้ามกัน และสีสามเส้าอยู่ห่างกันเท่า ๆ กัน

Shade และ Tint คืออะไร

สีเดียวกันในเวอร์ชันที่เข้มขึ้นและอ่อนลง สเกลเฉดสีมีสิบเอ็ดขั้น ตั้งแต่ 50 (อ่อนสุด) ถึง 950 (เข้มสุด) แบบที่ดีไซน์ซิสเต็มใช้

นำชุดสีไปใช้ในโค้ดอย่างไร

ส่งออกเป็นตัวแปร CSS ธีม Tailwind, JSON หรือรายการโค้ด HEX ธรรมดา

มีอะไรถูกอัปโหลดไหม

ไม่ ชุดสีถูกสร้างบนอุปกรณ์ของคุณ

สร้างชุดสี ใช้ฟรีไหม

ใช่ ใช้งานได้ฟรี ไม่ต้องสมัครสมาชิกและไม่ต้องติดตั้งอะไร

เครื่องมือสี

สร้างชุดสี: สีคู่ตรงข้าม เฉดสี และสุ่มชุดสี – ฟรี

ฟรี ไม่ต้องสมัครสมาชิก ใช้งานในเบราว์เซอร์ได้เลย สร้างชุดสีได้ด้วยการกดปุ่มเดียว ล็อกสีที่ชอบไว้ หรือสร้างจากสีหลักด้วยหลักการสีข้างเคียง สีตรงข้าม หรือสีสามเส้า ส่งออกเป็นตัวแปร CSS, Tailwind หรือ JSON

หรือกด Space ล็อกสีที่คุณชอบเพื่อเก็บไว้

แก้ไข
แก้ไข
แก้ไข
แก้ไข
แก้ไข

สร้างจากสีเดียว

สีหลักความกลมกลืนของสี

ความกลมกลืนของสีจะหมุนเฉดรอบวงล้อสี: analogous อยู่ใกล้กัน complementary ใช้ฝั่งตรงข้าม triadic เว้นระยะสามเฉดเท่า ๆ กัน

เฉดของ #2F5BFF

คลิกเฉดเพื่อคัดลอก เลือกสีอื่นในชุดสีเพื่อดูเฉดของสีนั้น

ส่งออก

ตัวแปร CSSTailwindJSONรายการ HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

ชุดสีถูกสร้างบนอุปกรณ์ของคุณ

ทำไมต้องใช้ สร้างชุดสี

ฟรี 100%: ใช้ได้บ่อยเท่าที่ต้องการ ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ ไม่ต้องติดตั้งอะไร
ออกแบบมาเพื่อความเป็นส่วนตัว: สิ่งที่คุณพิมพ์จะอยู่ในเบราว์เซอร์ของคุณและจะไม่ถูกส่งมาที่เรา
ใช้ได้กับทุกอุปกรณ์: ทำงานในเบราว์เซอร์บน Windows, Mac, Linux, Android และ iPhone ไม่ต้องลงแอป

วิธีใช้ สร้างชุดสี

กด สร้าง (หรือ Space) จนกว่าจะได้ชุดสีที่ชอบ
ล็อกสีที่ต้องการเก็บไว้ หรือสร้างจากสีหลักและหลักการจับคู่สี
คัดลอกทีละสี หรือส่งออกทั้งชุดสี

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

หลักการจับคู่สีคืออะไร: ชุดสีที่เลือกตามตำแหน่งบนวงล้อสี: สีข้างเคียงอยู่ติดกัน สีตรงข้ามอยู่ฝั่งตรงข้ามกัน และสีสามเส้าอยู่ห่างกันเท่า ๆ กัน
Shade และ Tint คืออะไร: สีเดียวกันในเวอร์ชันที่เข้มขึ้นและอ่อนลง สเกลเฉดสีมีสิบเอ็ดขั้น ตั้งแต่ 50 (อ่อนสุด) ถึง 950 (เข้มสุด) แบบที่ดีไซน์ซิสเต็มใช้
นำชุดสีไปใช้ในโค้ดอย่างไร: ส่งออกเป็นตัวแปร CSS ธีม Tailwind, JSON หรือรายการโค้ด HEX ธรรมดา
มีอะไรถูกอัปโหลดไหม: ไม่ ชุดสีถูกสร้างบนอุปกรณ์ของคุณ
สร้างชุดสี ใช้ฟรีไหม: ใช่ ใช้งานได้ฟรี ไม่ต้องสมัครสมาชิกและไม่ต้องติดตั้งอะไร