เครื่องมือดูดสี (eyedropper) ทำงานอย่างไร
เครื่องมือนี้ให้คุณวางรูปภาพและคลิกที่พิกเซลใดก็ได้เพื่ออ่านสีที่แท้จริง (hex, RGB, HSL) ในเบราว์เซอร์ของคุณ พร้อมแว่นขยายและประวัติสีที่เลือก รูปภาพไม่ออกจากอุปกรณ์ของคุณเลย
เครื่องมือดูดสี (eyedropper)
วางรูปภาพ วางเมาส์เพื่อขยาย คลิกเพื่อดูดสี แล้วคัดลอกเป็น hex, RGB หรือ HSL
วิธีใช้ เครื่องมือดูดสี (eyedropper) ทีละขั้นตอน
- วางหรือเลือกรูปถ่าย ภาพหน้าจอ หรือไฟล์รูปภาพ
- เลื่อนเคอร์เซอร์ไปบนรูปภาพ แถบสีสดและแว่นขยายจะแสดงสีใต้เคอร์เซอร์ของคุณ
- คลิกเพื่อเลือกพิกเซลนั้นอย่างแม่นยำ และเพิ่มลงในแถบประวัติ
- คลิกที่ค่า hex, RGB หรือ HSL เพื่อคัดลอกไปยังคลิปบอร์ดของคุณ
- คลิกสีใดก็ได้ในแถบประวัติเพื่อนำกลับมาเป็นสีที่เลือกใช้งานอยู่
กรณีการใช้งานที่พบบ่อย
- จับคู่สีแบรนด์ที่แน่นอนจากภาพหน้าจอโลโก้ ก่อนนำไปใช้ในเครื่องมือออกแบบ
- ตรวจสอบค่า hex ที่แท้จริงของพื้นหลังหรือปุ่มบนเว็บไซต์ ทีละพิกเซล
- สุ่มตัวอย่างสีจากรูปถ่าย (ผ้า ตัวอย่างสี ภาพสินค้า) เพื่อหารหัส RGB/hex
- สร้างชุดสีเรียงลำดับขนาดเล็กที่เลือกจากส่วนต่างๆ ของภาพ โดยใช้แถบประวัติ
คำถามที่พบบ่อย
รูปภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ รูปภาพถูกถอดรหัสและอ่านในแคนวาสภายในหน้าเว็บเท่านั้น
เครื่องมือเลือกสีนี้แสดงผลลัพธ์เป็นรูปแบบใดบ้าง?
ค่า Hex (#RRGGBB), RGB และ HSL จะแสดงสำหรับสีที่เลือกใช้งานอยู่ โดยแต่ละค่าเป็นปุ่มที่คลิกเพื่อคัดลอกได้ สำหรับ CMYK หรือ HSV ให้ใช้เครื่องมือแปลงสีด้วยค่า hex เดียวกัน
แว่นขยายทำงานอย่างไร?
ขณะที่คุณเลื่อนเคอร์เซอร์อยู่บนภาพ หน้าต่างพรีวิววงกลมเล็กๆ ใกล้มุมบนขวาจะซูมเข้าไปดูพิกเซลรอบเคอร์เซอร์ของคุณ พร้อมช่องที่ไฮไลต์ระบุพิกเซลที่แน่นอนที่จะถูกเลือกเมื่อคลิก ทำให้คุณเล็งไปยังรายละเอียดเล็กๆ ได้อย่างแม่นยำ
สิ่งนี้ต่างจากเครื่องมือสร้างพาเลตสีอย่างไร?
พาเลตสีดึงสีเด่นออกมาโดยอัตโนมัติ แต่ที่นี่คุณเลือกพิกเซลที่แน่นอนด้วยตัวเอง
ประวัติเก็บสีได้กี่สี?
24 สีล่าสุดที่แตกต่างกันซึ่งถูกเลือก
ฉันสามารถวางรูปภาพรูปแบบใดได้บ้าง?
รูปแบบภาพใดก็ตามที่เบราว์เซอร์ของคุณสามารถถอดรหัสและวาดลงบน canvas ได้ ซึ่งครอบคลุม JPEG, PNG, WebP, GIF และรูปแบบอื่นๆ ส่วนใหญ่ในเบราว์เซอร์สมัยใหม่