เครื่องมือเลือกสีจากภาพ

วิธีใช้งาน

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

วิธีการทำงาน

รูปภาพจะถูกวาดลงบน canvas ในเบราว์เซอร์ของคุณ และระบบจะอ่านสีของพิกเซลที่อยู่ใต้ตัวชี้จากจุดนั้น แว่นขยายแสดงพื้นที่ขนาด 11 × 11 พิกเซลแบบขยาย โดยมีกรอบรอบพิกเซลที่เลือก ภาพที่ด้านใดด้านหนึ่งใหญ่เกิน 4096 พิกเซลจะถูกย่อขนาดก่อน ดังนั้นในภาพถ่ายขนาดใหญ่มาก พิกเซลที่เลือกหนึ่งจุดอาจเป็นค่าเฉลี่ยของพิกเซลต้นฉบับหลายพิกเซล

สีเด่นคำนวณด้วยการจัดกลุ่มแบบ k-means: พิกเซลทั้งหมดจะถูกจัดลงถังสีเล็ก 32,768 ถังก่อน จากนั้นจึงรวมถังสีตามจำนวนสีที่คุณเลือก โดยถ่วงน้ำหนักตามจำนวนพิกเซลในแต่ละถัง จุดเริ่มต้นถูกเลือกอย่างตายตัว ภาพเดียวกันจึงได้ชุดสีเหมือนเดิมเสมอ

ค่าสีจะถูกอ่านในพื้นที่สี sRGB ที่เบราว์เซอร์ใช้แสดงผล หากภาพมีโปรไฟล์สีแบบ wide-gamut ฝังอยู่ ค่าที่ได้อาจต่างจากที่โปรแกรมแต่งภาพแสดงเล็กน้อย ในเบราว์เซอร์ที่รองรับ (Chrome และ Edge บนเดสก์ท็อป) ปุ่ม Pick from screen จะใช้ EyeDropper ในตัวเพื่อดูดสีจากตำแหน่งใดก็ได้บนหน้าจอของคุณ

ตัวอย่าง

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

ความเป็นส่วนตัว

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