CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
從任何網頁抓取任何像素顏色並立即複製其十六進位代碼。
Image from store
Description from store
色彩精準度是連接每個精美介面、品牌資產、數據視覺化儀錶板和行銷活動的紐帶。然而，設計師和前端工程師仍然浪費無數時間，瞇著眼在開發工具中查看十六進位程式碼，或截取頁面截圖，最終在 Photoshop 中進行取樣。 Eye Drop Tool——一個基於 Manifest V3 構建的輕量級瀏覽器擴展——將這種不便轉化為一個簡潔優雅的手勢：點擊工具列圖標，選擇視口中的任意像素，精確的 #RRGGBB 值就會複製到剪貼板。一個輕巧的提示音確認操作後，您就可以立即回到工作狀態，避免工作流程中斷。
為什麼這個擴充很重要
瀏覽器原生的顏色選擇器已經存在多年，但大多數都深藏在檢查器中，僅限於 DOM 中的元素，或被右鍵子選單所限制。 Eye Drop Tool 則透過一個始終存在的按鈕展現了同樣的強大功能，它可以作用於顯示器渲染的任何內容——圖像、畫布、視訊幀、SVG，甚至第三方插件。
功能亮點
一鍵啟動 - 無需彈出視窗或設定面板。後台服務工作執行緒會立即註入選擇器內容腳本，使空閒時記憶體開銷接近零。
通用像素取樣－由於擴展擷取螢幕緩衝區而不是 DOM 樹，因此它可以像靜態 HTML 一樣在動態渲染的 WebGL 場景、遊戲和串流影片上運作。
即時剪貼簿複製－十六進位字串會自動寫入剪貼簿；您可以將其直接貼上到 Figma、VS Code 或 Slack 中，而無需中間對話方塊。
視覺確認提示－頁面角落的微互動（「#ffcc33 已複製！」）向您保證操作已成功，並在 1.5 秒後消失。
用戶利益
節省時間－無需繞道使用開發工具或外部應用。在設計衝刺過程中，這些時間累積起來就變成了幾個小時。
減少認知負荷－保持相同的心理環境可以保持創造力；您無需玩弄窗戶或切換焦點。
像素完美一致性－快速驗證生產代碼是否符合品牌風格指南，或行銷模型是否符合可訪問性對比。
錯誤預防－手動輸入十六進位代碼會導致拼字錯誤；複製到剪貼簿可以消除這種風險，從而實現更清晰的提交和更少的錯誤報告。
目標使用者群體
UI/UX設計師
從即時原型中快速取樣顏色，以便在設計系統中重複使用
Figma 審閱會議期間對色調進行微調
前端開發者
驗證 CSS 變數在不同狀態下是否正確呈現
將滑鼠懸停在暫存區中的按鈕上並取得其活動顏色
品質保證工程師
確認 WCAG 對比度和品牌合規性
在迴歸測試期間，將生產版本與規格進行比較
數位行銷人員和內容創作者
將臨時圖形與網站調色板相匹配
將英雄橫幅拉至藍色，作為最後一刻的社交板塊