Image Color Picker

ฟรี ดูดสีจากรูปภาพ (Image Color Picker)

เครื่องมือช่วยค้นหาโค้ดสีจากรูปภาพ (HEX, RGB, HSL) ใช้งานง่ายเพียงแค่อัปโหลดรูปแล้วคลิกตรงจุดที่ต้องการดูดสี ระบบจะแสดงโค้ดสีให้คุณคัดลอกไปใช้งานต่อได้ทันที เครื่องมือนี้ เหมาะกับ สายทำเว็บ (Web & UI/UX Developers), สายกราฟิก (Graphic Designers) และ สายคอนเทนต์/การตลาด (Content Creators)

วิธีใช้งาน: อัปโหลดหรือลากไฟล์รูปภาพมาวางในกล่องด้านซ้าย จากนั้นนำเมาส์ไป "คลิก" บริเวณสีบนรูปภาพที่คุณต้องการ จากนั้น คลิกเลือก คัดลอกโค๊ดประเภทสีที่ต้องการ

1. อัปโหลดรูปภาพ (Image)

คลิกเพื่อเลือกไฟล์ หรือ ลากไฟล์มาวางที่นี่

(รองรับ JPG, PNG, WEBP)

🎯 คลิกบนรูปภาพเพื่อดูดสี

2. โค้ดสีที่เลือก (Color Code)

HEX

RGB

HSL

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

โค้ดสี HEX, RGB และ HSL แตกต่างกันอย่างไร?

- HEX (Hexadecimal): เป็นรหัสสีที่ขึ้นต้นด้วย # ตามด้วยตัวเลขและตัวอักษร 6 ตัว (เช่น #2563EB) นิยมใช้มากที่สุดในการเขียนเว็บไซต์ (HTML/CSS)
- RGB: เป็นการผสมแสงสี แดง (Red) เขียว (Green) น้ำเงิน (Blue) นิยมใช้ในงานโปรแกรมมิ่งและโปรแกรมกราฟิก
- HSL: เป็นการกำหนดสีจาก Hue (เฉดสี), Saturation (ความอิ่มตัว), Lightness (ความสว่าง) นิยมใช้เมื่อต้องการปรับโทนสีให้อ่อนลงหรือเข้มขึ้นครับ

รูปภาพที่นำมาดูดสี จะถูกบันทึกเก็บไว้หรือไม่?

ไม่มีการบันทึกข้อมูลใดๆ ทั้งสิ้นครับ ระบบนี้ใช้เทคโนโลยี HTML5 Canvas ประมวลผลการอ่านพิกเซลสีบนหน้าจอเบราว์เซอร์ของคุณ 100% (Client-Side) รูปภาพจะไม่ได้ถูกส่งไปยังเซิร์ฟเวอร์ของเรา คุณสามารถใช้งานได้อย่างสบายใจและปลอดภัยครับ

ทำไมจิ้มสีแล้วสีเพี้ยน ไม่ตรงกับที่ตาเห็น?

หากรูปภาพที่นำมาใช้อัปโหลดมีความละเอียดต่ำ (แตกหรือเบลอ) หรือเป็นไฟล์ JPG ที่มีการบีบอัดสูง พิกเซลในรูปภาพจะเกิดเม็ดสีเล็กๆ ผสมกันอยู่ (Noise) เมื่อคลิกดูดสี ระบบจะอ่านค่าสีของ "พิกเซลนั้นเป๊ะๆ 1 จุด" ทำให้บางครั้งได้สีที่อ่อนหรือเข้มกว่าภาพรวม แนะนำให้คลิกขยับเมาส์หาจุดที่สีชัดเจนที่สุดครับ