圖片取色器

什麼是圖片取色器?

圖片取色器讓你從任何圖片上「吸」出精確的顏色:上傳圖片後,在畫面上點一下,就會顯示該像素的 HEX 與 RGB 色碼,還會自動萃取整張圖的主要色盤。全程在你的瀏覽器本機完成,圖片不會上傳。

如何使用

1. 把圖片拖進上傳區,或點擊選擇檔案。
2. 在圖片上點你想取色的位置,右側即顯示 HEX 與 RGB。
3. 下方色盤列出圖片的主要顏色,點色塊或按鈕即可複製色碼。

使用情境

• 從螢幕截圖、Logo、照片抓出品牌色做設計。
• 複製參考圖的配色到你的網站或簡報。
• 拿到色碼後,用色彩轉換器轉成 HSL,或用 CSS 產生器做漸層。

為什麼吸到的顏色和你「看到的」不一樣?

你從一張照片吸出某個像素的色碼,貼進設計稿卻覺得「怎麼有點不一樣」?這通常不是工具吸錯,而是幾個容易忽略的環節。第一,JPG 是有損壓縮:它在色塊邊緣和漸層處會產生你肉眼難察覺的雜色,單一像素的 RGB 可能就落在這種雜訊上,取相鄰幾點會發現值一直在跳。想吸「這一區的代表色」,用下方自動萃取的主要色盤會比戳單點更穩,因為它是統計一整片後的平均。第二,螢幕的色彩描述檔(sRGB / P3)與你設計軟體的設定不同,同一組 RGB 顯示出來也會有差。所以吸色最適合抓「精確的數值起點」,細部再由你微調。拿到 HEX / RGB 後,要換成 HSL 或做出漸層,接著用色彩轉換器與 CSS 產生器。