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

เกี่ยวกับ

Color Picker from Image ทำงานทั้งหมดภายในเบราว์เซอร์ของคุณโดยใช้ HTML Canvas API เมื่อคุณโหลดภาพ จะถูกวาดลงบน Canvas ท้องถิ่น — ไฟล์ของคุณจะไม่ถูกส่งออกจากอุปกรณ์ของคุณ เครื่องมือนี้จะสุ่มตัวอย่างข้อมูลพิกเซลที่แท้จริงในความละเอียดเต็มรูปแบบ ดังนั้นค่า HEX และ RGB จะถูกต้องเสมอ แม้สำหรับภาพที่ถูกปรับขนาดให้พอดีกับหน้าจอ กริดขยายภาพ 5×5 พิกเซลช่วยให้คุณขยายภาพและแยกแยะสีที่อยู่ใกล้กันได้อย่างแม่นยำ ปุ่ม Screen EyeDropper (มีใน Chrome และ Edge) ช่วยให้คุณเลือกสีจากทุกสิ่งบนหน้าจอของคุณ ข้อมูลสีที่เลือกใหม่สูงสุด 24 สีจะถูกเก็บไว้ใน localStorage ของเบราว์เซอร์ของคุณ ซึ่งจะไม่หายไปเมื่อคุณรีเฟรชหน้าเว็บโดยไม่ต้องมีบัญชีเซิร์ฟเวอร์ แต่ละพิกเซลที่ถูกเก็บตัวอย่างยังรายงานหมายเลข PANTONE Solid Coated ที่ใกล้ที่สุดสำหรับสีของมัน (เช่น PANTONE 185 C) ดังนั้นคุณจึงสามารถนำสีจากภาพถ่ายไปสู่ Pantone ที่สามารถพิมพ์ได้

วิธีใช้งาน

1. วางภาพลงในพื้นที่อัปโหลด หรือคลิกที่ 'Choose image' เพื่อเปิดไฟล์ JPG, PNG, WebP, GIF หรือ BMP จากอุปกรณ์ของคุณ
2. วางเคอร์เซอร์เหนือส่วนใดส่วนหนึ่งของภาพ — สีตัวอย่าง, รหัส HEX และค่า RGB จะอัปเดตแบบเรียลไทม์เมื่อคุณเคลื่อนเคอร์เซอร์
3. ตรวจสอบกริดขยายภาพ 5× ที่อยู่ด้านล่างของภาพเพื่อขยายภาพพิกเซลเดี่ยวและระบุสีที่คุณต้องการได้อย่างแม่นยำ
4. คลิกที่ภาพเพื่อจับสีไว้ในประวัติของคุณ สีตัวอย่างสูงสุด 24 สีจะถูกเก็บไว้ — คลิกที่สีตัวอย่างใดตัวอย่างหนึ่งเพื่อคัดลอกรหัส HEX ของมัน
5. ใช้ปุ่ม 'Copy' ที่อยู่ใกล้กับช่อง HEX และ RGB เพื่อวางค่าลงในเครื่องมือออกแบบหรือตัวแก้ไขโค้ดของคุณโดยตรง

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

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

ใช่. Color Picker from Image เป็นเครื่องมือที่ 100% ฟรีโดยไม่มีข้อจำกัดในการใช้งาน ไม่ต้องลงทะเบียน และไม่มีค่าธรรมเนียมซ่อนเร้น — ทั้งในปัจจุบันและตลอดไป

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

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

ฉันสามารถใช้เครื่องมือนี้ได้ขณะออฟไลน์หรือไม่?

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

เครื่องมือนี้ส่งผลลัพธ์ในรูปแบบสีใดบ้าง?

เครื่องมือนี้จะส่งผลลัพธ์ในรูปแบบ HEX (เช่น #3a8fdf) และ RGB (เช่น rgb(58, 143, 223)) สำหรับพิกเซลที่ถูกสุ่มตัวอย่าง ทั้งสองค่ามีปุ่มคัดลอกแบบคลิกเดียวเพื่อใช้ในการวางข้อความลงใน CSS, Figma, Photoshop หรือเครื่องมือออกแบบอื่นๆ ได้อย่างรวดเร็ว

รูปแบบไฟล์ภาพใดที่ได้รับการสนับสนุน?

JPG, PNG, WebP, GIF และ BMP ล้วนได้รับการสนับสนุน คุณสามารถลากและวางไฟล์ลงในเครื่องมือ หรือใช้ตัวเลือกไฟล์เพื่อเปิดไฟล์

ฉันสามารถได้หมายเลข Pantone ของสีในภาพของฉันไหม?

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

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

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