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

เครื่องมือเลือกสีจากรูปภาพนี้ตอบคำถามที่เรียบง่ายและพบบ่อย: สีของพิกเซลนั้นคืออะไรกันแน่? อัปโหลดหรือลากไฟล์ภาพ ภาพหน้าจอ หรือไฟล์ส่งออกดีไซน์เข้าไป เครื่องมือจะวาดมันลง canvas ที่แม่นยำระดับพิกเซล เลื่อนเคอร์เซอร์แล้วแว่นขยายจะตามขยายพื้นที่ 11×11 พิกเซลด้านใต้ คุณจึงเล็งได้อย่างแม่นยำ ค่าสีใต้เคอร์เซอร์แสดงแบบเรียลไทม์ หนึ่งคลิกแล้วสีจะปรากฏในการ์ดสามใบ — HEX สำหรับ CSS, RGB สำหรับโค้ด, HSL สำหรับปรับความสว่าง — แต่ละใบมีปุ่มคัดลอกของตัวเอง

ความแม่นยำคือหัวใจของเครื่องมือเลือกสีแบบนี้ บนข้อความที่ลดรอยหยัก ภาพไล่ระดับสี และขอบภาพถ่าย พิกเซลข้างเคียงแตกต่างกันอย่างเห็นได้ชัด และการเลือกด้วยสายตาจากตัวอย่างที่ถูกย่อขนาดมักหยิบเฉดสีที่ผิดพลาดมากกว่า แว่นขยายแสดงทุกพิกเซลทางกายภาพเป็นสี่เหลี่ยมใหญ่พร้อมกากบาทตรงกลาง ดังนั้นค่าที่คุณคัดลอกคือค่าของพิกเซลที่คุณหมายถึงจริงๆ ประวัติแปดสีล่าสุดถูกเก็บไว้เป็นแถบสี — คลิกที่แถบใดก็ได้เพื่อคัดลอกสีนั้นอีกครั้ง

เครื่องมือนี้สร้างบน canvas API ของเบราว์เซอร์และทำงานทั้งหมดบนอุปกรณ์ของคุณ: รูปภาพไม่เคยถูกอัปโหลด ไม่มีคิวและไม่มีบัญชี แม้แต่แบบร่างที่เป็นความลับหรือเอกสารก็ปลอดภัยที่จะตรวจสอบ มันทำงานได้กับรูปแบบภาพใดๆ ที่เบราว์เซอร์ของคุณเปิดได้ รวมถึง PNG, JPG, WebP, GIF และ SVG

การใช้งานทั่วไป: กู้คืนสีแบรนด์จากโลโก้เมื่อคู่มือสไตล์หายไป, จับคู่สี UI กับภาพหน้าจออ้างอิง, ตรวจสอบว่าภาพไล่ระดับสีแสดงผลออกมาเป็นสีอะไรจริงๆ, หรือหยิบสีตัวเลือกจากภาพถ่าย หากคุณต้องการสีนี้อีกรูปแบบหนึ่ง — CMYK สำหรับการพิมพ์ หรือค่าที่ปรับให้เป็นมาตรฐาน — เครื่องมือแปลงค่ารูปแบบสีก็ทำงานต่อจาก eyedropper ได้ทันที