แยกพาเลตสี

เครื่องมืออ่านค่าพิกเซลทั้งหมดจากภาพผ่าน Canvas.getImageData() ลด sample เพื่อความเร็ว จากนั้นรัน k-means clustering centroid ของแต่ละคลัสเตอร์กลายเป็นหนึ่งในสีเอาต์พุต K-means จัดกลุ่มพิกเซลตามความใกล้ชิดของสี ดังนั้นโทนสีหลักที่มองเห็นได้จะปรากฏเป็นสี centroid

ไม่ การ sampling พิกเซลเกิดขึ้นภายใน Web Worker ในเบราว์เซอร์ของคุณ ภาพถูกอ่านจากดิสก์ในเครื่อง วาดลงบน OffscreenCanvas และอาร์เรย์พิกเซลถูกประมวลผลในหน่วยความจำ ข้อมูลไม่ออกจากอุปกรณ์ของคุณ

K-means centroid แสดงค่าเฉลี่ยทางคณิตศาสตร์ของคลัสเตอร์สีพิกเซล สีที่พบมากแต่แตกต่างเล็กน้อย (เช่น ท้องฟ้าสีน้ำเงินที่มี gradient เล็กน้อย) จะสร้าง centroid ที่เป็นสีเฉลี่ยแทนที่จะเป็นค่าพิกเซลที่แน่นอน ผลลัพธ์คือค่าเฉลี่ยตัวแทน ไม่ใช่ sample ของพิกเซลเฉพาะ

พิกเซลที่โปร่งใสสมบูรณ์ (alpha = 0) ถูกแยกออกจาก clustering เพื่อป้องกันไม่ให้พื้นที่โปร่งใสทำให้สีที่สกัดเอนเอียงไปทางดำหรือขาวขึ้นอยู่กับสีพื้นหลัง Canvas พิกเซลกึ่งโปร่งใสรวมอยู่ใน sample โดยถ่วงน้ำหนักตามค่า alpha

เครื่องมือส่งออกรหัส HEX (เช่น #3A7BD5) หากต้องการ RGB, HSL หรือรูปแบบอื่น ให้คัดลอกค่า HEX ไปยังเครื่องมือ Color Converter ซึ่งรับ HEX และแปลงเป็นรูปแบบสีทั่วไปทั้งหมด