跳到工具
JoeLucky

點擊工具頁的「收藏」加入

工具類別

圖片色彩提取圖片編輯器圖片壓縮圖片尺寸調整HEIC 轉 JPGWebP 轉 PNG/JPGJPG/PNG 轉 WebPPNG 轉 JPGJPG 轉 PNGFavicon/ICO 產生器EXIF 檢視器/中繼資料檢查工具長寬比計算器
JoeLucky

實用好用的在線工具集合站

隱私政策服務條款

© 2026 JoeLucky®. 版權所有。

  1. JoeLucky
  2. /圖片工具
  3. /圖片色彩提取

圖片色彩提取

從圖片提取主要色彩,輸出 HEX 色碼

相似圖片工具

查看全部
圖片編輯器

貼上截圖即可裁剪、調整大小、旋轉、加文字與轉換格式。

開啟 →
圖片壓縮

批量壓縮 JPEG、PNG、WebP 圖片,可調整品質,即時顯示節省的檔案大小

開啟 →
圖片尺寸調整

依像素或百分比批量調整圖片尺寸,支援常用尺寸預設與鎖定長寬比

開啟 →

💬 使用者留言

?

還沒有留言,搶先留下你的想法!

什麼是圖片色彩提取?

上傳圖片後,自動分析並列出主要色彩與 HEX 色碼,可一鍵複製,適合從照片或設計稿取得配色。圖片只在瀏覽器本機處理。

如何使用?

  1. 拖拽或點擊上傳任意圖片(JPG/PNG/WebP/GIF),工具立即自動萃取最多 8 個主要顏色並以色塊展示。
  2. 將滑鼠移到圖片上,會出現 5× 放大鏡跟隨游標,鏡頭內有十字準心並即時顯示當前位置的顏色代碼,方便精確瞄準。
  3. 在圖片上點擊,即可吸取該位置的精確像素顏色,結果顯示於右側,同時列出 HEX、RGB、HSL 三種格式。
  4. 上方 HEX / RGB / HSL 切換按鈕可變更色塊複製格式;點擊任一色塊即複製對應格式的顏色值。
  5. 點「複製為 CSS 變數(:root)」一次取得所有顏色的全域變數格式,可直接貼入 CSS 或 Tailwind 設定檔;所有處理在瀏覽器端完成,不上傳任何圖片。

常見問題

圖片色彩提取如何使用?

上傳或貼上圖片(支援 Ctrl+V),工具自動提取代表色調色盤,並提供放大鏡精準吸色。

提取的色碼支援哪些格式?

支援 HEX、RGB、HSL 格式,點擊色塊複製對應格式。

可以從螢幕截圖提取顏色嗎?

可以,支援 Ctrl+V 直接貼上截圖立即分析。