เครื่องมือดูดสีจากภาพ
นี่คือเครื่องมือดูดสีจากภาพที่ทำงานจบภายในเบราว์เซอร์ คุณสามารถลากไปยังตำแหน่งใดก็ได้บนภาพเพื่อดึงสี และตรวจสอบค่า RGB, HEX, HSL และ HSV พร้อมกันได้
หลังจากเลือกภาพแล้ว คุณสามารถลากหรือแตะบนภาพเพื่อรับค่าสีได้
เมื่อคลิกหรือแตะค้างบนภาพ จะมีแว่นขยายแสดงขึ้นมา ทำให้ตรวจสอบสีในจุดเล็ก ๆ ได้ด้วย
ตัวอย่างภาพ
วิธีใช้เครื่องมือดูดสีจากภาพและสถานการณ์ที่เหมาะกับการใช้งาน
เครื่องมือดูดสีจากภาพนี้เป็นเครื่องมือออนไลน์ที่ช่วยให้คุณดูดสีจากภาพที่อัปโหลดได้เหมือนใช้หลอดดูดสี และตรวจสอบรหัสสีได้ทันที เหมาะอย่างยิ่งเมื่อจำเป็นต้องดึงสีอย่างแม่นยำ เช่น งานออกแบบเว็บไซต์ การทำแบนเนอร์ การจัดทำเอกสาร หรือการตรวจสอบสีในภาพสินค้า
ตรวจสอบสีได้ต่อเนื่องขณะลาก
เมื่อคุณลากผ่านบนภาพ พิกัดและสีจะเปลี่ยนแบบเรียลไทม์ ทำให้ติดตามการเปลี่ยนแปลงของสีตามขอบและไล่เฉดได้ง่ายขึ้น
แว่นขยายช่วยให้เก็บสีจากรายละเอียดเล็ก ๆ ได้ง่ายขึ้น
บริเวณรอบเคอร์เซอร์จะถูกขยาย ทำให้ตรวจสอบเส้นเล็ก ไอคอนขนาดเล็ก สีเงา และรายละเอียดอื่น ๆ ได้อย่างแม่นยำ (แว่นขยายจะแสดงเมื่อคุณคลิกหรือแตะค้างบนภาพ)
แสดง RGB, HEX, HSL และ HSV พร้อมกัน
เนื่องจากสามารถดูรูปแบบสีหลายแบบพร้อมกันได้ คุณจึงทำงานกับข้อกำหนดด้านดีไซน์ การเขียน CSS และการเปรียบเทียบภาพรวมได้โดยไม่ต้องสลับไปมา
นำสีกลับมาใช้ซ้ำได้ทันทีจากประวัติ
สีที่เพิ่งดึงมาจะยังคงอยู่ในประวัติ จึงไม่จำเป็นต้องดูดสีแบรนด์หรือสีที่ต้องการเปรียบเทียบซ้ำหลายครั้ง
มีประโยชน์ในสถานการณ์แบบนี้
เมื่อคุณต้องการดึงชุดสีจากภาพอ้างอิงของเว็บไซต์หรือแลนดิ้งเพจ แล้วกำหนดสีปุ่มหรือสีพื้นหลังที่มีโทนใกล้เคียงกัน
เมื่อคุณต้องการตรวจสอบโทนสีของภาพสินค้าสำหรับอีคอมเมิร์ซหรือสื่อแบนเนอร์ และเปรียบเทียบความต่างของสีกับดีไซน์เดิมได้อย่างรวดเร็ว
เมื่อคุณกำลังสร้างเอกสาร ภาพสำหรับโซเชียลมีเดีย หรือภาพขนาดย่อ และต้องการนำสีเน้นจากในภาพไปใช้กับหัวข้อหรือของตกแต่งโดยตรง
เคล็ดลับการใช้งาน
- หลังจากโหลดภาพแล้ว ให้กดเมาส์ค้างไว้และเลื่อนบนบริเวณที่ต้องการดึงสี เพื่อดูสีได้อย่างต่อเนื่อง รองรับการสัมผัสบนสมาร์ตโฟนและแท็บเล็ตด้วย
- หากต้องการดูดสีจากขอบหรือของตกแต่งชิ้นเล็ก ๆ ให้ค่อย ๆ ปรับตำแหน่งขณะดูแว่นขยาย เพื่อให้เล็งไปยังพิกเซลที่ต้องการได้ง่ายขึ้น
- ค่า RGB, HEX, HSL และ HSV ที่ดึงมาแล้วสามารถคัดลอกแยกกันได้ ทำให้ย้ายไปใช้กับ CSS เครื่องมือออกแบบ หรือเอกสารสเปกได้ด้วยการทำงานเพียงเล็กน้อย
- สีที่เพิ่งดึงมาจะยังคงอยู่ในประวัติ ดังนั้นหากต้องการเปรียบเทียบสีตัวเลือกต่าง ๆ การดูดหลายตำแหน่งต่อเนื่องแล้วนำมาเทียบกันจะสะดวกมาก
- หากต้องการแยกความแตกต่างของสีที่มีความสว่างไม่เท่ากัน การดู HSL และ HSV ร่วมกับ RGB จะช่วยให้เข้าใจความต่างของความอิ่มสีและความสว่าง/ค่าได้ง่ายขึ้น
- ภาพจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ และการประมวลผลทั้งหมดเสร็จสิ้นภายในเบราว์เซอร์ จึงสามารถใช้งานได้อย่างปลอดภัยแม้กับภาพที่ยังไม่เผยแพร่ซึ่งอยู่ระหว่างการทำงาน หรือภาพหน้าจอของเอกสารภายในองค์กร