CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
หยิบสีพิกเซลใดๆ จากเว็บเพจใดๆ และคัดลอกรหัส HEX ทันที
Image from store
Description from store
ความแม่นยำของสีเป็นด้ายที่ร้อยเรียงอินเทอร์เฟซที่สวยงาม สินทรัพย์ของแบรนด์ แดชบอร์ดข้อมูล และแคมเปญการตลาดเข้าด้วยกัน อย่างไรก็ตาม นักออกแบบและวิศวกรด้านฟรอนต์เอนด์ยังคงเสียเวลาหลายนาทีไปกับการเพ่งมองรหัสเลขฐานสิบหกในเครื่องมือสำหรับนักพัฒนาหรือจับภาพหน้าจอหน้าเพจเพียงเพื่อสุ่มตัวอย่างใน Photoshop Eye Drop Tool ซึ่งเป็นส่วนขยายเบราว์เซอร์น้ำหนักเบาที่สร้างบน Manifest V3 จะเปลี่ยนแรงเสียดทานนั้นให้กลายเป็นท่าทางเดียวที่สวยงาม: คลิกไอคอนแถบเครื่องมือ เลือกพิกเซลใดก็ได้ในช่องมองภาพ และค่า #RRGGBB ที่แม่นยำจะถูกคัดลอกไปยังคลิปบอร์ดของคุณ การแจ้งเตือนแบบพุชที่นุ่มนวลจะยืนยันการดำเนินการ และคุณสามารถกลับไปทำงานได้ทันที ก่อนที่โฟลว์ของคุณจะเสียหาย
เหตุใดส่วนขยายนี้จึงสำคัญ
เครื่องมือเลือกสีแบบเนทีฟสำหรับเบราว์เซอร์มีมานานหลายปีแล้ว แต่ส่วนใหญ่ถูกฝังลึกอยู่ในโปรแกรมตรวจสอบ จำกัดเฉพาะองค์ประกอบใน DOM หรือถูกจำกัดไว้หลังเมนูย่อยที่คลิกขวา เครื่องมือ Eye Drop นำเสนอพลังเดียวกันในปุ่มที่พร้อมเสมอซึ่งทำงานกับทุกสิ่งที่จอภาพของคุณแสดง ไม่ว่าจะเป็นรูปภาพ ผืนผ้าใบ เฟรมวิดีโอ SVG แม้แต่ปลั๊กอินของบุคคลที่สาม
จุดเด่นของฟีเจอร์
การเปิดใช้งานด้วยคลิกเดียว – ไม่มีป๊อปอัปหรือแผงการตั้งค่า เวิร์กเกอร์บริการเบื้องหลังจะฉีดสคริปต์เนื้อหาตัวเลือกทันที ทำให้โอเวอร์เฮดของหน่วยความจำอยู่ใกล้ศูนย์เมื่อไม่ได้ใช้งาน
การสุ่มตัวอย่างพิกเซลสากล – เนื่องจากส่วนขยายจะจับบัฟเฟอร์หน้าจอแทนที่จะเป็น DOM tree จึงสามารถทำงานบนฉาก WebGL ที่แสดงผลแบบไดนามิก เกม และวิดีโอสตรีมได้เช่นเดียวกันกับ HTML แบบคงที่
การคัดลอกคลิปบอร์ดทันที – สตริง HEX จะถูกเขียนไปยังคลิปบอร์ดโดยอัตโนมัติ คุณสามารถวางลงใน Figma, VS Code หรือ Slack ได้โดยตรงโดยไม่ต้องมีกล่องโต้ตอบกลาง
ข้อความยืนยันทางภาพ – การโต้ตอบขนาดเล็กที่มุมของหน้า (“คัดลอก #ffcc33 แล้ว!”) ช่วยให้คุณมั่นใจได้ว่าการดำเนินการสำเร็จ และจะหายไปหลังจาก 1.5 วินาที
ผลประโยชน์ของผู้ใช้
ประหยัดเวลา – ขจัดปัญหาในการใช้เครื่องมือพัฒนาหรือแอปภายนอก ตลอดระยะเวลาการออกแบบ วินาทีเหล่านี้จะกลายเป็นชั่วโมง
ลดภาระทางปัญญา – การอยู่ในบริบททางจิตใจเดียวกันจะช่วยรักษาการไหลของความคิดสร้างสรรค์ คุณไม่ต้องจัดการหน้าต่างหรือเปลี่ยนโฟกัสอีกต่อไป
ความสม่ำเสมอที่สมบูรณ์แบบทุกพิกเซล – ตรวจสอบอย่างรวดเร็วว่าโค้ดการผลิตตรงกับคู่มือสไตล์ของแบรนด์หรือว่าโมเดลการตลาดปฏิบัติตามอัตราส่วนคอนทราสต์ที่เข้าถึงได้
การป้องกันข้อผิดพลาด – การพิมพ์รหัสเลขฐานสิบหกด้วยตนเองอาจทำให้เกิดการพิมพ์ผิด การคัดลอกไปที่คลิปบอร์ดจะช่วยขจัดความเสี่ยงนี้ ทำให้มีการยืนยันที่สะอาดขึ้นและมีรายงานจุดบกพร่องน้อยลง
กลุ่มผู้ใช้เป้าหมาย
นักออกแบบ UI/UX
สุ่มตัวอย่างสีอย่างรวดเร็วจากต้นแบบสดเพื่อนำมาใช้ซ้ำในระบบการออกแบบ
การปรับแต่งเฉดสีระหว่างเซสชันการตรวจสอบ Figma
นักพัฒนาฝั่งฟรอนต์เอนด์
ตรวจสอบว่าตัวแปร CSS แสดงผลอย่างถูกต้องในสถานะต่างๆ
เลื่อนเมาส์ไปเหนือปุ่มในการจัดฉากและหยิบสีที่ใช้งานของมัน
วิศวกร QA
ยืนยันอัตราส่วนความคมชัด WCAG และความสอดคล้องกับแบรนด์
ระหว่างการทดสอบการถดถอย ให้เปรียบเทียบการสร้างการผลิตกับข้อมูลจำเพาะ
นักการตลาดดิจิทัลและผู้สร้างเนื้อหา
จับคู่กราฟิกเฉพาะกิจกับจานสีเว็บไซต์
ดึงแบนเนอร์ฮีโร่สีน้ำเงินสำหรับกระเบื้องโซเชียลนาทีสุดท้าย