圖片會上傳嗎？

不會。你的圖片會完全在瀏覽器內透過本機畫布開啟並讀取。它從未傳送至伺服器、儲存或分享，因此你可以安全地從私人或保密的圖片中取樣顏色。

我可以取得哪些顏色格式？

每一次選取都會顯示 HEX 碼（例如 #3b82f6）與 RGB 值（例如 rgb(59, 130, 246)），並提供即時的顏色色塊。你只需點選一次即可將 HEX 碼複製到剪貼簿。

我可以從圖片的任何位置選取嗎？

可以。點選圖片上任何位置的像素，工具就會讀取該精確點。即使圖片縮放以適應螢幕，點選位置仍會對映回原始像素，確保顏色精準無誤。

支援哪些圖片檔案格式？

常見的網頁圖片格式皆支援，包括 PNG、JPEG、WebP 與 GIF。僅需從你的裝置選擇檔案，即可開始點選取色。

圖片顏色選擇器

點選任意一個像素，即可取得其精確的 HEX 與 RGB 顏色——免費、私密，且完全在你的瀏覽器中執行。

隱私權：你的檔案不會離開裝置，所有處理均在瀏覽器本機完成。

使用方式

1.點選「瀏覽檔案」並從你的裝置選擇圖片——圖片會立即載入，且全程留在瀏覽器中。
2.將遊標移至圖片上，即可即時預覽顏色，點選任意像素以鎖定你想要的顏色。
3.閱讀與當前顯示的實時顏色對應的 HEX 與 RGB 值。
4.點選「複製」將 HEX 碼複製到剪貼簿，或點選另一個像素進行比較——你最近選取的顏色會儲存在歷史紀錄中。

關於圖片顏色選擇器

圖片顏色選擇器讓你從任何圖片中提取精確顏色，無需安裝軟體或上傳任何檔案。直接從你的裝置載入照片、截圖、標誌、設計草圖或掃描的藝術作品，圖片會在瀏覽器內的畫布上顯示。將遊標移至圖片上，即可即時預覽底層顏色，點選任意像素即可鎖定該點的精確值。工具會立即顯示 HEX 碼與 RGB 三元組，並提供實體色塊，讓你一眼確認該色調，再無需進一步判斷。

設計師與開發者每天會多次使用顏色選擇器，而這個工具正是為這些情境打造。當你需要匹配品牌調性時，可從公司標誌中取樣主要顏色，直接將 HEX 碼貼入樣式表或設計檔案。當你在設計軟體或 CSS 中重現參考設計時，可從靈感圖片中提取強調色調，避免盲目猜測。當客戶寄來平面產品照片時，你可提取布料、包裝或背景色，建立協調的主題風格。網頁開發者則可用它取得背景、按鈕、邊框與漸層的值，讓重建頁面與原設計草圖完全像素對應。攝影師與修圖師則可用它檢視膚色、天空漸層與中性灰階。

取得顏色僅需點選即可。因為圖片會以完整保真度繪製在畫布上，點選的像素即為讀取的像素，即使在手機上圖片縮放以適應螢幕，點選位置仍會精準對應原始像素。工具會小心地將點選位置對映回底層圖片，無論縮放程度或顯示尺寸如何，讀取結果皆保持精準。每次選取的顏色都會加入近期樣本的簡短歷史紀錄，讓你可並排比較多個樣本，或快速回到幾分鐘前選取的顏色。僅需一鍵複製，即可將 HEX 碼複製到剪貼簿，隨時投入程式碼、設計工具、表格，或傳遞給團隊成員。

隱私是預設設定，而非後續補強。你的圖片會完全在你的裝置上透過瀏覽器內建的畫布開啟與處理。不會傳送至伺服器，不會儲存在雲端，也無需建立帳戶或登入。這意味著你可以安全地從保密的草圖、未發布產品照片或敏感檔案中取樣顏色，而這些資料你本不想交給第三方。由於所有處理皆在本機完成，因此速度極快：無需上傳等待、無需排隊，也無遠端服務所設定的檔案大小限制。關閉標籤後，所有圖片的痕跡將完全消失。它支援瀏覽器常見的格式，包括 PNG、JPEG、WebP 與 GIF，因此你幾乎可以放入任何圖片，立即開始選取顏色。

常見問題

圖片會上傳嗎？: 不會。你的圖片會完全在瀏覽器內透過本機畫布開啟並讀取。它從未傳送至伺服器、儲存或分享，因此你可以安全地從私人或保密的圖片中取樣顏色。
我可以取得哪些顏色格式？: 每一次選取都會顯示 HEX 碼（例如 #3b82f6）與 RGB 值（例如 rgb(59, 130, 246)），並提供即時的顏色色塊。你只需點選一次即可將 HEX 碼複製到剪貼簿。
我可以從圖片的任何位置選取嗎？: 可以。點選圖片上任何位置的像素，工具就會讀取該精確點。即使圖片縮放以適應螢幕，點選位置仍會對映回原始像素，確保顏色精準無誤。
支援哪些圖片檔案格式？: 常見的網頁圖片格式皆支援，包括 PNG、JPEG、WebP 與 GIF。僅需從你的裝置選擇檔案，即可開始點選取色。

圖片工具使用指南

查看全部

使用方式

關於圖片顏色選擇器

常見問題

相關工具

圖片工具 使用指南

圖片工具使用指南