什麼是圖片取色器？
圖片取色器是告訴你照片中顏色確切代碼的線上滴管工具。想從標誌或網站截圖中取出品牌色，或用喜歡的照片色調做設計調色盤時都很好用。放大鏡能讓你精準選到單一像素；在手機上按住並移動手指時，放大鏡會浮在手指上方，不會被遮住。
圖片只在瀏覽器中處理，不會傳送到伺服器。
使用方法
- 把圖片拖曳到上方框內，或點一下選擇。螢幕截圖可以用 Ctrl+V 直接貼上。
- 點一下圖片上想要的位置，可以一邊用放大鏡確認位置一邊選取。
- 按 HEX、RGB、HSL 代碼旁的複製，貼到設計工具或 CSS 中。
- 在下方的代表色調色盤查看整張圖片的主要顏色與比例，點一下顏色就會立即複製。
如何看懂顏色代碼
| 格式 | 範例 | 說明 |
|---|---|---|
| HEX | #4F46E5 | 紅・綠・藍各以兩位 16 進位表示（網頁、Figma） |
| RGB | rgb(79, 70, 229) | 紅・綠・藍 0～255（Photoshop、PowerPoint） |
| HSL | hsl(243, 75%, 59%) | 色相・飽和度・亮度（用 CSS 調整顏色時） |
代表色調色盤是怎麼產生的？
先把圖片縮小，再用 k-means 分群把相近的顏色歸為一組，找出面積最大的最多 8 種顏色。每個顏色下方的數字，是該顏色群組在圖片中所佔的比例。同一張圖片每次都會得到相同的調色盤。
JPG 照片因為壓縮的關係，即使是同一塊顏色，每個像素的值也可能略有不同。想精準取得標誌顏色，請使用 PNG 原檔，或用放大鏡選取色塊中央。
常見問題
螢幕上看到的顏色和代碼有點不一樣。
螢幕色彩設定、深色模式和圖片內嵌的色彩描述檔，都可能讓看到的顏色略有差異。擷取的代碼就是圖片檔案中儲存的像素值。
想擷取網站上的顏色。
先截取想要的畫面（Windows 用 Win+Shift+S，Mac 用 Cmd+Shift+4），再在這個頁面按 Ctrl+V 貼上，點選想要的位置即可。
最近選取的顏色存在哪裡？
最近選取的 12 個顏色只會存在這個瀏覽器中，下次造訪時還能看到。圖片不會被儲存。
透明的部分會怎樣？
調色盤會排除透明像素再計算。點選透明的位置時，因為沒有顏色資訊，可能會顯示為黑色（#000000）。