圖片顏色提取

什麼是在線顏色提取器？

在線顏色提取器是一款免費的取色工具，支援從圖片取色、在瀏覽器支援時從螢幕取色，也可以手動輸入顏色值。選取的顏色會立即轉換為 HEX、RGB、HSL、HSV、CMYK 等常見格式，並自動產生配色、明暗色階、文字對比度與 CSS 變數，方便設計師與前端開發者直接複製使用。

核心功能

• 圖片取色：選擇本機圖片後，滑鼠懸停可預覽像素顏色，點擊即可取色。
• 像素級微調：選取顏色後可使用方向鍵精確定位到附近的像素。
• 圖片配色提取：匯入圖片後自動提取一組主要顏色，點擊即可套用。
• 螢幕取色：瀏覽器支援時，可使用系統螢幕取色器從螢幕任意位置取色。
• 手動輸入：支援顏色選擇器或直接輸入 HEX / HEXA 色值，例如 #2563EB。
• 多種顏色格式：即時轉換為 HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV、CMYK 等格式。
• 配色產生：自動產生互補色、鄰近色、三角色、柔和淺色與低飽和色等配色參考。
• 明暗色階：產生從淺到深的實用色階，適用於背景、邊框、懸停狀態和 UI 元件。
• 文字對比度：依 WCAG 標準比較白色與黑色文字，並提供 APCA 風格感知參考。
• CSS 變數：一鍵複製目前顏色、淺色/深色變體及推薦介面配色的 CSS 變數。
• 瀏覽器內處理：所有取色、配色提取與轉換都在瀏覽器本地完成，圖片不會被上傳。

如何使用

1. 在圖片取色頁籤選擇一張本機圖片，移動滑鼠預覽顏色，點擊即可選取。
2. 或在螢幕取色頁籤使用系統取色器直接取色。
3. 也可以切換到手動輸入，輸入 HEX 色值或使用顏色選擇器指定顏色。
4. 從右側面板複製需要的顏色格式、配色、色階或 CSS 變數。