🌈 ชุดสีจากภาพ

เกี่ยวกับ

ชุดสีจากภาพใช้เทคนิค k-means clustering ซึ่งเป็นเทคนิคเดียวกับที่เครื่องมือออกแบบมืออาชีพใช้ เพื่อค้นหาสีที่เป็นตัวแทนของภาพถ่ายได้ดีที่สุด อัปโหลดภาพสินค้า ภาพทิวทัศน์ ภาพหน้าจอ หรืองานศิลปะใดก็ได้ แล้วเลือกจำนวนช่องสีระหว่าง 4 ถึง 12 ช่อง แต่ละช่องสีจะแสดงโค้ด HEX และปุ่มคัดลอกในคลิกเดียว คลิก "คัดลอกทั้งหมดเป็น HEX" เพื่อคัดลอกทั้งชุดสีในครั้งเดียว หรือคลิก "คัดลอกเป็นตัวแปร CSS" เพื่อรับบล็อก :root ที่พร้อมวาง (--color-1, --color-2, …) ภาพเดียวกันที่เลือกจำนวนช่องสีเท่ากันจะได้ชุดสีเดิมเสมอ และหากภาพมีสีที่แตกต่างกันน้อยกว่าจำนวนที่ขอ (เช่น โลโก้สีเรียบ) ก็จะได้ช่องสีน้อยลงแทนที่จะเป็นสีซ้ำ รองรับ JPG, PNG, WebP และ GIF เนื่องจากเครื่องมือทำงานฝั่งไคลเอนต์ทั้งหมดโดยไม่ใช้เซิร์ฟเวอร์ จึงใช้งานแบบออฟไลน์ได้และปกป้องความเป็นส่วนตัวอย่างสมบูรณ์ แต่ละช่องสีที่ดึงออกมายังแสดงหมายเลข PANTONE Solid Coated ที่ใกล้เคียงที่สุดด้วย (เช่น PANTONE 185 C) ทำให้นำชุดสีจากภาพถ่ายไปใช้กับงานพิมพ์ได้ทันที

วิธีใช้งาน

1. วางภาพของคุณลงในพื้นที่อัปโหลด หรือคลิก 'เลือกภาพ' เพื่อเลือกไฟล์ JPG, PNG, WebP หรือ GIF
2. พาเลตจะถูกคัดกรองอัตโนมัติ ใช้เมนู 'สี' เพื่อสลับระหว่าง 4, 6, 8, 10 หรือ 12 สีได้ตลอดเวลา
3. คลิกปุ่ม "คัดลอก" ของช่องสีใดก็ได้เพื่อคัดลอกโค้ด HEX หรือคลิก "คัดลอกทั้งหมดเป็น HEX" สำหรับชุดสีทั้งหมด หรือ "คัดลอกเป็นตัวแปร CSS" สำหรับบล็อก :root ที่พร้อมวาง
4. คลิก 'ภาพใหม่' เพื่อรีเซ็ตและวิเคราะห์ภาพอื่นโดยไม่ต้องรีโหลดหน้าเว็บ

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

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

ใช่ ใช้ฟรีได้ทั้งหมด ไม่มีการสมัครสมาชิก หรือค่าธรรมเนียมแฝงใดๆ ทั้งสิ้น

ภาพของฉันจะถูกอัปโหลดไปยังเซิร์ฟเวอร์ไหม?

ไม่ ภาพของคุณจะไม่ถูกส่งไปที่ใดเลย การวิเคราะห์สีทั้งหมดจะเกิดขึ้นภายในเบราว์เซอร์ของคุณโดยใช้ API HTML Canvas ดังนั้นภาพของคุณจึงยังคงอยู่ในอุปกรณ์ของคุณ

มันทำงานได้แบบออฟไลน์ไหม?

ใช่ เมื่อหน้าเว็บโหลดเสร็จแล้ว คุณสามารถสร้างพาเลตจากภาพได้โดยไม่ต้องการการเชื่อมต่ออินเทอร์เน็ตเลย

การคัดกรองสีทำงานอย่างไร?

เครื่องมือนี้ใช้ k-means clustering กับภาพที่ย่อขนาดลง โดยจัดกลุ่มสีพิกเซลที่คล้ายกันและคืนค่าจุดศูนย์กลางของแต่ละกลุ่ม เรียงตามจำนวนพิกเซลที่อยู่ในกลุ่ม สีที่เด่นที่สุดจึงปรากฏก่อน จุดเริ่มต้นมาจากการกระจายสีของภาพเอง ไม่ใช่การสุ่ม ดังนั้นภาพเดียวกันและจำนวนช่องสีเท่ากันจึงได้ชุดสีเดียวกันทุกครั้ง

รูปแบบไฟล์ภาพใดที่รองรับ?

JPG, PNG, WebP และ GIF ล้วนถูกรองรับ พื้นที่โปร่งใส (ที่มีค่า alpha ต่ำ) จะถูกข้ามไปโดยอัตโนมัติในระหว่างการวิเคราะห์

พาเลตมีหมายเลข Pantone ไหม?

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

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

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