免費線上圖片取色器 tool icon
Image Color Picker • 本機取色

免費線上圖片取色器

上傳圖片後在瀏覽器本機取色，輸出 HEX / RGB / RGBA / HSL，支援一鍵複製。

點擊或拖曳圖片到此處
支援常見圖片格式（JPG/PNG/WebP…）

如何使用

  • 點擊上傳區或直接拖曳圖片檔案進行上傳。
  • 圖片載入後會顯示在畫布上。
  • 在圖片上點擊任意位置即可擷取該像素顏色。
  • 右側會顯示 HEX、RGB、RGBA、HSL，點擊按鈕可一鍵複製。

常見提示

  • 所有處理皆在本機瀏覽器完成，不會上傳伺服器。
  • 支援透明圖片（如 PNG），可正確讀取 Alpha 值。
  • 大圖會自動縮放顯示，但取色精度仍以原始像素為準。
  • 支援拖曳上傳，可更快速完成操作。
色彩对比度检查

色彩对比度检查

检查前景色與背景色的对比度是否满足 WCAG AA/AAA 要求，并預覽不同视力条件下的效果。

颜色格式轉換

颜色格式轉換

输入颜色值即可查看对应的 HEX / RGB / HSL 表示并複製，方便在设计稿與代码之间切换。

圖片配色提取

圖片配色提取

从一张圖片中提取调色板，查看每种颜色的 HEX 值和占比，并一鍵複製到设计或代码中。

配色產生器

配色產生器

输入主色，一鍵產生多套和谐配色方案，支援本地複製 HEX 方便带入设计工具。

拼豆圖案產生器

拼豆圖案產生器

把照片或插畫轉成像素拼豆模板：可調寬度、自动高度、控制顏色數，輸出配色圖例與顆粒數量統計，支援下載，完全本機生成。

CSS 渐变產生器

CSS 渐变產生器

可视化编辑 CSS 渐变，一鍵複製 background 代码。