1
上傳圖片
將圖片拖曳到上傳區，或點擊選擇檔案，也可直接貼上剪貼簿中的圖片；所有處理都在瀏覽器本機完成。
DEVELOP.08 IMAGE COLOR PICKER
圖片取色器
上傳圖片並點擊任意位置，擷取 HEX、RGB、HSL 與 CMYK 色碼；也能自動產生調色盤，所有處理都在瀏覽器本機完成。
IMG
將圖片拖曳到這裡
或點擊選擇檔案 · 支援貼上圖片
支援 JPG、PNG、GIF、WebP、BMP 格式 CLR
HEX
#000000
HEX
#000000 RGB
rgb(0, 0, 0) HSL
hsl(0°, 0%, 0%) CMYK
cmyk(0%, 0%, 0%, 100%) § 01
如何從圖片擷取色碼
2
點擊取色
將滑鼠移到圖片上即時預覽顏色，點擊任意位置即可取得該像素的精確色彩值。
3
複製色碼
查看 HEX、RGB、HSL 與 CMYK 四種格式，點擊複製按鈕即可將數值複製到剪貼簿。
§ 02
常見問題
Q1支援哪些圖片格式？
支援 JPG、PNG、GIF、WebP 與 BMP 等主流格式。PNG 沒有失真，能提供最準確的色彩資料；JPG 壓縮可能造成些微色差。
Q2圖片會上傳到伺服器嗎？
不會。所有圖片處理都在瀏覽器本機完成，資料不會上傳、儲存或傳送到遠端伺服器。
Q3什麼是 HEX 色碼？
HEX（十六進位）色碼由 6 個十六進位字元組成，例如 #FF5733，分別表示紅、綠、藍三個通道，是網頁開發最常用的色彩表示方式。
Q4RGB 和 HSL 有什麼差別？
RGB 以紅綠藍三個通道（0–255）表示顏色；HSL 以色相（0–360°）、飽和度與亮度表示，更適合直覺調整和建立協調配色。
Q5CMYK 適合什麼情境？
CMYK（青、洋紅、黃、黑）是印刷使用的色彩模式。將螢幕色彩用於印刷設計時，CMYK 值有助於估算印刷效果，但螢幕與印刷仍可能有色差。
§ 03
免費圖片取色器功能
✳
多種色彩格式：同時提供 HEX、RGB、HSL 與 CMYK，涵蓋網頁、UI 和印刷需求。
✳
自動調色盤：分析圖片主色並產生和諧配色，快速取得設計靈感。
✳
即時預覽：滑鼠移過圖片即可預覽顏色，點擊取色直觀又有效率。
✳
隱私優先：所有處理都在瀏覽器本機完成，圖片資料不會離開裝置。
§ 04