🎯 色彩選取器

從影像中選取任意顏色 — 點擊儲存至調色盤

🔒 你的影像永遠不會離開你的裝置。 所有處理都使用 Canvas getImageData pixel reading 在你的瀏覽器中進行。不上傳、不經伺服器、不追蹤。

功能特色

  • 像素級精確取色 — 將滑鼠移到任何像素上即可查看其確切顏色。點擊可儲存到調色盤。
  • 多種格式 — 取得 HEX、RGB 和 HSL 格式的顏色 — 可直接用於 CSS、設計工具或程式碼。
  • 儲存調色盤 — 建立最多 12 個顏色的調色盤。可複製單一顏色或整個調色盤。
  • 從任何影像取色 — 從照片、螢幕截圖、設計稿中擷取顏色 — 任何影像來源都可以。

運作方式

  1. 上傳你的影像 — 拖放你想從中擷取顏色的任何影像。
  2. 懸停並取色 — 將滑鼠移到影像上預覽顏色。點擊可儲存到調色盤。
  3. 複製並使用 — 點擊已儲存的顏色可複製其 HEX 色碼。使用「全部複製」可複製完整調色盤。

使用情境

  • 從標誌或網站截圖中擷取品牌色彩
  • 找到設計中任何元素的確切顏色
  • 取得 CSS 樣式表用的 HEX/RGB 值
  • 從攝影作品中建立靈感調色盤

常見問題

顏色有多精確?

像素級精確。我們從 Canvas 中讀取每個像素的確切 RGBA 值。你看到的顏色就是你得到的顏色。

可以複製 RGB 或 HSL 格式嗎?

點擊顏色會複製其 HEX 色碼。RGB 和 HSL 值會顯示在預覽面板中,可以選取並複製。

相關工具