🎨 เครื่องมือสร้างโทนสี

เกี่ยวกับ

เครื่องมือนี้สร้างพาเลทสี 5 สีได้สองวิธี: สร้างจากโหมดความกลมกลืน 4 แบบ (Random, Analogous, Complementary, Triadic) หรือดึงสีหลัก 5 สีจากภาพใดก็ได้ที่คุณเลือก — ภาพจะถูกประมวลผลในเครื่องของคุณด้วย median-cut quantization และไม่เคยถูกอัปโหลด ล็อกสีแต่ละสีเพื่อรักษาไว้ระหว่างการสร้างใหม่ แล้วคัดลอกโค้ด HEX หรือส่งออกพาเลททั้งหมดในรูปแบบที่คุณต้องการ: รายการ HEX ธรรมดา, คุณสมบัติเฉพาะ CSS, ตัวอย่างสี Tailwind หรืออาร์เรย์ JSON ทั้งหมดทำงานในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลสีหรือภาพจะไม่เคยออกจากอุปกรณ์ของคุณ — ไม่มีเซิร์ฟเวอร์ ไม่มีบัญชี แต่ละสีตัวอย่างยังแสดงหมายเลข PANTONE Solid Coated ที่ใกล้ที่สุด (เช่น PANTONE 185 C) ดังนั้นพาเลตที่สร้างขึ้นหรือได้จากภาพสามารถนำไปสู่กระบวนการทำงานพิมพ์ได้โดยตรง

วิธีใช้งาน

1. เลือกโหมดความกลมกลืน — Random, Analogous, Complementary, หรือ Triadic — จากเมนูแบบเลื่อนลง (dropdown)
2. คลิกที่ปุ่ม Generate (หรือกดปุ่ม Spacebar) เพื่อสร้างโทนสีใหม่ 5 สี
3. คลิกที่ไอคอนล็อกบนสีใดสีหนึ่งเพื่อกล็อกสีนั้นไว้ขณะสร้างโทนสีใหม่
4. คลิกที่ Copy HEX บนสีใดสีหนึ่งเพื่อคัดลอกค่า HEX ของสีนั้นไปยังคลิปบอร์ด
5. ใช้ Copy All เพื่อส่งออกค่า HEX ทั้ง 5 ค่าพร้อมกันเพื่อใช้ในเครื่องมือออกแบบหรือโค้ดของคุณ
6. คลิก 'จากภาพ' และเลือกภาพ — เครื่องมือจะดึงสีหลัก 5 สีจากภาพมาใส่ในพาเลท ทั้งหมดทำในเครื่องของคุณ
7. เลือกรูปแบบการส่งออก — HEX list, CSS variables, Tailwind, หรือ JSON — แล้วคลิก Copy เพื่อวางพาเลทลงในโปรเจกต์ของคุณ

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

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

ใช่ ใช้ฟรีทั้งหมด — ไม่มีการสมัครสมาชิก ไม่มีการสร้างบัญชี และไม่มีข้อจำกัดแฝง แค่เปิดหน้าเว็บและเริ่มสร้างโทนสีได้ทันที

คุณอัปโหลดข้อมูลสีของฉันไปยังเซิร์ฟเวอร์ไหม?

ไม่ ทั้งหมดทำงานในเบราว์เซอร์ของคุณโดยใช้ JavaScript ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ — ข้อมูลโทนสีของคุณจะอยู่ใน localStorage ของเบราว์เซอร์ของคุณเท่านั้น

เครื่องมือสร้างโทนสีทำงานได้เมื่อไม่มีการเชื่อมต่ออินเทอร์เน็ตไหม?

ใช่ เมื่อหน้าเว็บโหลดเสร็จแล้ว เครื่องมือนี้จะทำงานได้ทั้งหมดโดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต ไม่มีการเรียกใช้ API ภายนอกหรือขึ้นอยู่กับ CDN

ความแตกต่างระหว่างโหมดความกลมกลืนคืออะไร?

โหมด Random จะเลือกโทนสี 5 สีที่ไม่มีความเกี่ยวข้องกัน โหมด Analogous จะจัดกลุ่มโทนสี 5 สีที่อยู่ใกล้กันบนวงล้อสีเพื่อให้ดูสงบและเป็นเอกลักษณ์ โหมด Complementary จะจับคู่โทนสีจากด้านตรงข้ามของวงล้อสีเพื่อให้ได้ความตัดกันสูง โหมด Triadic จะกระจายโทนสี 3 กลุ่มที่ห่างกัน 120 องศาเพื่อให้ได้โทนสีที่สดใสและสมดุล

ฉันสามารถเก็บสีที่ชอบไว้ขณะสร้างโทนสีใหม่ได้ไหม?

ใช่ คลิกที่ไอคอนล็อกบนสีใดสีหนึ่งเพื่อกล็อกสีนั้นไว้ สีที่ถูกกล็อกจะถูกข้ามในระหว่างการสร้างโทนสี ดังนั้นคุณจึงสามารถสร้างโทนสีใหม่รอบๆ สีที่คุณชอบได้อย่างอิสระ

ฉันสามารถสร้างพาเลทสีจากภาพได้ไหม?

ได้ คลิก 'จากภาพ' และเลือกภาพ; เครื่องมือจะดึงสีหลัก 5 สีจากภาพโดยใช้ median-cut quantization ทั้งหมดทำในเบราว์เซอร์ของคุณ — ภาพจะไม่ถูกอัปโหลดเลย

มีรูปแบบการส่งออกอะไรบ้าง?

คัดลอกพาเลทเป็นรายการ HEX ธรรมดา, คุณสมบัติเฉพาะ CSS (ตัวแปร :root), ตัวอย่างสี Tailwind หรืออาร์เรย์ JSON — เตรียมไว้สำหรับวางลงในโค้ดหรือเครื่องมือออกแบบของคุณ

ฉันสามารถดูหมายเลข Pantone สำหรับพาเลตได้ไหม?

ใช่ ส่วนทั้งห้าส่วนแสดงรหัส HEX และ PANTONE Solid Coated ที่ใกล้เคียงที่สุด (เช่น PANTONE 185 C) คลิกที่ป้ายชื่อ Pantone เพื่อคัดลอก ความตรงกันนี้ใช้สูตร CIEDE2000 แบบรับรู้ และเป็นเพียงการอ้างอิง sRGB ประมาณ เนื่องจากหมึก Pantone แบบ spot ถูกกำหนดทางกายภาพ ไม่ใช่ค่าบนหน้าจอ

เครื่องมือนี้จะอัปโหลดข้อมูลของฉันหรือไม่?

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