Color Picker from Image

開啟圖片，懸停點擊即得 HEX。放大吸管、RGB/HSL、調色盤、歷史記錄。Color picker from image，離線可用。

🎨 把截圖、logo 或照片直接拖進分頁,從中取出精確的顏色——讀取的是你檔案的真實像素,不上傳到任何伺服器,無需登入,安裝時也沒有權限警告。 這個 color picker from image 的全部工作就是如此:開啟圖片,游標移上去,點一下——HEX 值已經在剪貼簿裡。不必為了一個色值啟動笨重的設計套件,也不必把客戶的設計稿貼進某個來路不明的網站,再祈禱它給出誠實的答案。 🚀 快速上手 1. 點擊工具列圖示——取色器會在獨立分頁開啟,工作空間寬敞。 2. 把圖片拖進來、按下 Ctrl+V,或瀏覽選取一個檔案——所有常見的圖片格式都能直接開啟,帶透明背景的圖片也一樣完整支援。 3. 游標移上去,點一下——這個從圖片取出 HEX 代碼的取色器已經複製好數值,並在螢幕上給出確認。 空白畫面只在第一次說明用法,之後交給肌肉記憶。 🔍 值得信賴的放大鏡滴管 放大鏡以原生解析度放大你檔案的像素,所以你取到的色調就是點陣圖裡真實存在的色調——這正是從圖片取 HEX 的取色器該做的事。 ➤ 游標周圍的像素網格,精確座標隨時可見 ➤ 方向鍵讓十字線精確移動 1px,Ctrl+方向鍵跳 10px,Enter 確認取色 ➤ 反鋸齒邊緣不再騙人:從圖片讀 RGB 的取色器應該讀來源檔,而不是模糊的二次渲染 ➤ 透明區域會被誠實回報,而不是偽裝成黑色 🎯 你用的格式它都會說 ▸ 給 CSS 和 Figma 用的 HEX——點一下就是能用在圖片上的 HTML 取色器 ▸ RGB 與 HSL 並排顯示,每個值可單獨複製——十六進位取色器就在同一個面板裡 ▸ 取色即自動複製,並有看得見的確認——這裡的「已複製到剪貼簿」是真的複製了 ▸ 面板會一直顯示數值,直到你取下一個色,不會兩秒後就消失 🖼 調色盤,和記得住的歷史 圖片一開啟,就會從整張圖產生主要色調的調色盤——客戶問「這個 logo 由哪些色調組成」時正好派上用場;每個色塊都是從作品裡真實取出的顏色,絕不是圖中根本不存在的平均色。每次取色也會進入 50 格的歷史紀錄,瀏覽器重啟後依然保留。 1️⃣ 整天從圖片檔取色——最近的 50 個穩穩留在原位 2️⃣ 隔天打開彈出視窗,昨天的色塊還在,點一下就能複製 3️⃣ 專案收尾時,一顆按鈕清空清單 📸 把你正在看的頁面,變成一張圖 需要瀏覽中網站上的某個色調?用「把此頁面擷取為圖片」(Grab this page as an image):彈出視窗裡的一個按鈕就能擷取可見分頁,並在同一個取色器中開啟快照——同樣的放大鏡,同樣的歷史紀錄。或者在頁面上的任何圖片按右鍵,選「從此圖片取色」("Pick color from this image"):伺服器允許時你得到真實像素,不允許時得到渲染快照,連這也被擋下時,你會看到一句白話提示。絕不會無聲無息地失敗。 還有個值得學起來的小訣竅:在任何地方對圖片按右鍵,選「複製圖片」("Copy image"),再到取色器裡 Ctrl+V。Chrome 會以完整解析度交出解碼後的點陣圖——一個不需要任何額外權限的圖片取色器。 🔒 架構本身就是隱私 ▪ 沒有主機權限,安裝時也沒有警告畫面——它無法讀取你的瀏覽內容,選取的顏色只保存在本機儲存空間裡 ▪ 零網路請求:沒有分析追蹤,沒有 CDN 字型,不向任何地方傳送任何東西——打開 DevTools 自己盯著看 ▪ 開放原始碼:整個程式碼庫公開,每一行都能讀 ▪ 離線可用,在飛機上、在公司代理後面都能運作 截圖裡常常有儀表板、發票、尚未發布的設計。那些提供線上圖片取色的網站會要求你上傳它們;而這個擴充功能什麼都傳不出去,因為它沒有任何一行程式碼會和伺服器通訊。反過來也一樣:線上取色器會把你的檔案留到站方願意放手的那一天——在這裡,檔案永遠不會離開分頁。 ⚖️ 誠實的範圍——它不是什麼 它不是檢查網頁的滴管:不讀 CSS 變數,也不會在網站的 DOM 裡點來點去。它不是色輪,不是漸層玩具,裡面也沒有 Pantone 色票。這裡的手藝很窄,但做得紮實:從圖片、截圖和照片中,以像素級精度快速取色。 💬 一秒鐘就能養成的習慣 複製、貼上、點一下——從複製一張圖片,到把它的顏色值拿到手,color pick from image 的整個來回流程只需要短短幾秒鐘,而這恰恰就是重點所在:一個小小的工具,專注把一件事做得精確到位,完成之後就安靜地退到一旁,絕不擋在你的路上。 🧭 誰會把它釘選起來 ◦ 對照參考圖或掃描的品牌手冊校準色調的設計師 ◦ 想讓某個色的 HEX 離自己只有兩下按鍵的前端開發者 ◦ 直接從截圖記錄 UI 狀態的支援工程師 ◦ 在行銷活動前從合作夥伴 logo 取出品牌色的行銷人員 ◦ 為情緒板標註色調的插畫家和學生 答案早就在圖片裡。這個工具只是把它取出來——精確、本機、幾秒鐘。