การคำนวณ

โปรแกรมสร้างจานสีฟรี

สร้างชุดสีที่เข้ากันได้ทันทีจากรหัสสี HEX: เฉดสี สีคู่ตรงข้าม สีที่คล้ายคลึงกัน ชุดสีสามสี และชุดสีสี่สี รวมถึงการคัดลอกรหัสสี HEX/RGB/HSL ด้วย

เครื่องมือสร้างชุดสี
โทนสีอ่อน (เฉดสี)
โทนสีเข้ม (เฉดสี)
เสริม
อนาล็อก
ไตรภาค
เตตระดิก
ข้อมูล

เกี่ยวกับโปรแกรมสร้างจานสีฟรี

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

เครื่องมือ; เฉดสีอ่อน (เฉดสีอ่อน) และ เฉดสี (โทนสีเข้ม), เสริม, อนาล็อก, ไตรแอด และ เตตระดิก โปรแกรมนี้คำนวณความกลมกลืนของสีตามทฤษฎีสี สำหรับแต่ละสี... เฮ็กซ์, อาร์จีบี และ เอชเอสแอล คุณสามารถคัดลอกรูปแบบได้ด้วยการคลิกเพียงครั้งเดียว คุณสามารถเลือกสีที่ต้องการได้โดยการพิมพ์รหัส HEX หรือใช้ตัวเลือกสี

การคำนวณทั้งหมดดำเนินการแบบเรียลไทม์ในเบราว์เซอร์ของคุณ ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ คุณสามารถใช้เครื่องมือนี้เป็นข้อมูลอ้างอิงเมื่อเตรียมตัวแปร CSS สีธีม Tailwind หรือสไตล์สี Figma ด้วยอินเทอร์เฟซภาษาตุรกีและการออกแบบที่เป็นมิตรกับมือถือ จึงใช้งานได้อย่างราบรื่นทั้งบนเดสก์ท็อปและสมาร์ทโฟน

วิธีใช้งาน?

ทีละขั้นตอน

  1. ป้อนรหัสสีลงในช่อง HEX (เช่น #3b82f6หรือเลือกสีโดยคลิกที่ไอคอนเลือกสี
  2. เครื่องมือนี้จะเลือกสีที่คุณเลือกโดยอัตโนมัติ เฉดสี, ส่วนเติมเต็ม, อนาล็อก, ไตรแอด และ เตตระดิก มันผลิตพาเลท
  3. ภายใต้กล่องสีแต่ละกล่อง HEX, RGB และ HSL คุณจะเห็นค่าต่างๆ คัดลอกค่าเหล่านั้นไปยังคลิปบอร์ดโดยคลิกที่รูปแบบที่ต้องการ
  4. เมื่อคุณเปลี่ยนสีหลัก ชุดสีทั้งหมดจะอัปเดตทันที ตัวอย่างสด ด้วยเหตุนี้ คุณจะเห็นความกลมกลืนได้ทันที
คำถามที่พบบ่อย

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

สีที่อยู่ตรงข้ามกับสีที่เลือกบนวงล้อสีอย่างสิ้นเชิง (180°) เรียกว่าสีคู่ตรงข้าม สีคู่ตรงข้ามจะให้ความตัดกันสูงและเหมาะอย่างยิ่งสำหรับใช้เป็นสีเน้นที่ดึงดูดสายตา

สีที่คล้ายคลึงกัน คือสีที่อยู่ติดกัน (±30°) บนวงล้อสี ความกลมกลืนนี้พบได้บ่อยในธรรมชาติ ให้ความรู้สึกสงบและสมดุลแก่สายตา และมักใช้ในการจัดวางสีพื้นหลังและตัวอักษร

ในการจัดวางสีแบบไตรภาค (triadic harmony) วงล้อสีจะถูกแบ่งออกเป็นสามส่วนเท่าๆ กัน (120°) ซึ่งจะสร้างโทนสีที่สมดุลและสดใส ส่วนในการจัดวางสีแบบเตตระดิก (tetradic harmony) สีทั้งสี่จะถูกจัดวางในระยะห่าง 90° ซึ่งจะให้โทนสีที่หลากหลายกว่า แต่ต้องใช้ด้วยความระมัดระวัง

คุณสามารถเปิดตัวเลือกสีของระบบปฏิบัติการได้โดยคลิกที่ตัวเลือกสี หากคุณมีค่า RGB หรือ HSL คุณสามารถแปลงค่าเหล่านั้นเป็น HEX ก่อนโดยใช้โปรแกรมแปลงค่าออนไลน์ แล้วคัดลอกมาวางที่นี่

คัดลอกค่า HEX หรือ HSL ของแต่ละสี :root { --primary: #3b82f6; } คุณสามารถกำหนดเป็นตัวแปร CSS ได้ดังนี้ รูปแบบ HSL เหมาะอย่างยิ่งสำหรับการปรับความสว่าง/ความอิ่มตัวของสีด้วยโปรแกรม