從任何圖片精確擷取顏色
您在照片、網站截圖、Logo 或設計稿中找到了喜歡的顏色,現在需要它的色碼。這款圖片選色器就像是專為圖片設計的滴管工具:開啟圖片,點擊任一像素,即可取得 HEX、RGB 和 HSL 色碼,方便直接貼上至 CSS、Figma、Photoshop、Canva 或 PowerPoint。放大鏡功能會顯示游標下方的像素,讓您精準點擊正確位置,同時還會自動產生該圖片的主要色彩調色盤。
功能特色
- 滴管工具支援瀏覽器可開啟的任何圖片格式:JPG、PNG、WebP、GIF、SVG、AVIF 和 HEIC。
- 放大鏡可逐像素放大游標下方的區域。
- HEX、RGB 和 HSL 色碼提供一鍵複製按鈕。
- 主要色彩調色盤會從整張圖片中自動擷取。
- 選色紀錄最多可保留 16 種顏色,方便您比較與回溯。
- 貼上截圖:支援直接從剪貼簿貼上。
- 完全隱私:圖片絕對不會離開您的裝置。
我該使用哪種色彩格式?
| 格式 | 範例 | 適用範圍 |
|---|---|---|
| HEX | #1E90FF |
CSS、HTML、Figma、Canva 及多數設計工具 |
| RGB | rgb(30, 144, 255) |
CSS、Photoshop、Office 軟體、程式開發 |
| HSL | hsl(210, 100%, 56%) |
CSS,用於需要調整亮度或飽和度時 |
若要將擷取到的顏色轉換為 CMYK 或 HSV 等其他格式,或是檢查其與黑白文字的對比度,請在色彩轉換器中開啟。
應用情境
統一品牌色彩:從公司 Logo 或網站截圖中擷取精準的藍色,保持簡報視覺一致。
建立調色盤:以相片的主要色彩為基礎,作為網站、海報或簡報主題的設計起點。
網頁開發:從圖片格式(而非設計原始檔)的設計稿中擷取顏色。
數位藝術與手工藝:從參考相片中找出色碼,應用於繪圖軟體、刺繡或編織圖案。
取得精準結果
請選擇手邊尺寸最大、壓縮程度最低的圖片版本:PNG 截圖能保留精準色彩,而 JPG 相片在邊緣處可能會有些微色差。請使用放大鏡放大圖片,並避開像素會混合兩種顏色的反鋸齒邊緣。如果您只需要大圖的某個部分,可以先使用 裁切圖片 功能,後續操作會更方便。