適合使用
- 從商品圖、截圖或設計稿中擷取主色。
- 在圖片預覽上懸停讀取即時顏色。
- 複製 HEX、RGB、HSL 或 CSS 變數格式。
TUXIA 圖匣工具
圖片配色擷取工具
從圖片中擷取主色，並在預覽圖上懸停讀取即時 HEX、RGB、HSL 色值，適合設計取色、品牌配色和前端開發。
Main palette
Hover picker
Copy formats
顏色 analysis
擷取配色並即時取色
上傳圖片產生 6 色配色板，移動滑鼠即可讀取並複製即時色值。
拖曳圖片到這裡，或 點擊選擇檔案
PNG、JPG、WebP
懸停取色
移動滑鼠查看色值
圖片取色板
Extract main colors from the uploaded image. Click a swatch to copy it.
點擊色塊或複製按鈕，即可複製目前格式。
工具指南
圖片配色擷取工具指南與常見問題
從圖片中擷取主色，並在預覽圖上懸停讀取即時 HEX、RGB、HSL 色值，適合設計取色、品牌配色和前端開發。
使用方式
- 上傳圖片並產生配色板。
- 在預覽圖上移動滑鼠，查看目前位置顏色。
- 切換顏色格式，複製單個顏色或整組配色。
常見問題
支援哪些色彩格式？
支援 HEX、RGB、HSL 和 CSS 變數格式。
可以讀取滑鼠位置的顏色嗎？
可以。上傳圖片後在預覽區域懸停即可看到目前位置顏色。