圖片色票擷取器
使用說明
上傳 PNG、JPEG、WebP 或 AVIF 圖片，工具會在瀏覽器中擷取最多 8 個近似主要色，並提供可複製與下載的色碼。
看到一張美照、風景或設計作品，好想知道裡面到底用了哪些漂亮的配色嗎？上傳任何照片，系統透過色彩量化演算法，一秒自動萃取出照片中最和諧的 5 到 8 種主色調調色盤，並提供 HEX、RGB 色碼一鍵複製，設計與穿搭靈感必備！
💡 3 步驟快速上手
將喜歡的海報、攝影作品或室內裝潢照片拖入操作區。
系統瞬間分析像素色彩分佈，提取出最核心的主色、輔色與強調色。
點擊色票即可複製色碼（如 #019B98），直接貼至 Photoshop、Figma 或網頁 CSS 中！
適用情境
適合從照片、插圖或介面截圖快速整理配色參考。
計算或處理方式
工具先把圖片縮小到不超過 96 × 96 像素取樣，略過透明度低於 128 的像素，再將 RGB 色階量化並依出現次數與色彩度排序，最多保留 8 色。
具體範例
上傳一張室內照片，從擷取結果複製牆面與家具的 HEX 色碼，或下載包含 HEX、RGB、HSL 與 CSS 變數的文字檔。
限制與資料處理
圖片會縮小取樣並量化色階，透明度低於 128 的像素會略過，因此漸層、透明區域與面積較小的顏色可能被合併或忽略。無法解碼或超過限制的圖片不會產生色票；EXIF 等圖片中繼資料不會成為色票內容。讀檔時沒有獨立取消按鈕，改選檔案會忽略舊結果。
圖片解碼、取樣、色票整理與文字檔產生都在目前瀏覽器中完成，不會把圖片或擷取結果傳送到 GoGo Tools 後端。
色彩萃取演算法、K-Means 聚類分析與 WCAG 對比度手冊
一、色彩空間量化與 K-Means 聚類演算法
一張照片中可能包含數十萬種不同的色彩數值。若要精確萃取出最具代表性的 5 到 8 種「主色調（Dominant Colors）」，影像工程採用了 K-Means 聚類分析（K-Means Clustering）與中位數切分法（Median Cut Algorithm）。
演算法將所有像素點映射至 3D 色彩空間（如 RGB 或 CIELAB），透過反覆迭代計算每個色簇的質心（Centroid），自動聚合出權重最高的代表性配色盤，廣泛應用於品牌識別設計、網頁主題生成與 UI 介面設計。
二、色彩模式標準：HEX、RGB、HSL 與 CIELAB
1. HEX / RGB：以紅、綠、藍三原色數值（0~255）表示，為網頁 CSS 的底層標準。
2. HSL（色相、飽和度、亮度）：更符合人類直覺的調色模型。調亮或調暗顏色只需單純調整 Lightness 數值即可。
3. CIELAB（Lab 色彩空間）：由國際照明委員會（CIE）制定，其色彩距離（Delta E）與人眼感官的色差感知完全一致，是專業色彩校正的權威標準。
三、W3C WCAG 2.1 無障礙色彩對比度標準
在設計使用者介面時，文字與背景色之間的對比度必須符合 Web 內容無障礙指南（WCAG 2.1）：
・AA 等級（標準）：一般正文字體對比度需達到至少 4.5:1；大字體（18pt 以上或 14pt 粗體）需達到 3:1。
・AAA 等級（嚴格）：一般正文對比度需達到 7:1 以上。確保視力受損或色盲使用者皆能清晰閱讀。
Feedback
這個工具好用嗎？
歡迎告訴我們你的工具建議或錯誤回報。
常見問題
圖片色票擷取器：可以使用哪些圖片？
可使用 20 MB 以下且總像素不超過 3,200 萬的 PNG、JPEG、WebP 或 AVIF 圖片。色票數量固定為最多 8 色，沒有調整選項。
圖片色票擷取器：會提供哪些色彩資料？
結果顯示最多 8 個近似主要色，可逐一複製 HEX；下載文字檔另含 RGB、HSL 與 CSS 變數。
圖片色票擷取器：為什麼有些顏色沒有出現？
圖片會縮小取樣並量化色階，透明度低於 128 的像素會略過，因此漸層、透明區域與面積較小的顏色可能被合併或忽略。無法解碼或超過限制的圖片不會產生色票；EXIF 等圖片中繼資料不會成為色票內容。讀檔時沒有獨立取消按鈕，改選檔案會忽略舊結果。
圖片色票擷取器：圖片或色票會上傳嗎？
圖片解碼、取樣、色票整理與文字檔產生都在目前瀏覽器中完成，不會把圖片或擷取結果傳送到 GoGo Tools 後端。
