免費註冊

圖片取色器

點圖片上任意一點就能複製色值,還能看到主色調配色板。

關於圖片取色器

圖片取色器,用在看得到顏色卻不知道色值的時候:從 Logo 裡取品牌色,從競品海報裡取那一抹藍,從照片裡挑一個顏色做 PPT,或者從截圖裡取色寫 CSS。開啟圖片,帶著放大鏡移動到想要的位置,點一下就行。

每點一次,HEX 色值會自動複製到剪貼簿,同時加進列表,顯示 HEX、RGB、HSL 三種寫法,保留最近 12 個顏色。頁面還會找出圖片裡最多八個主色調,按所佔面積排序,直接就是一套配色。整個過程在瀏覽器裡完成,圖片不會上傳。同一張圖要改尺寸、壓縮或裁剪,可以到圖片處理裡找工具。

圖片取色器怎麼用

  1. 1
    開啟圖片

    點“選擇圖片”,選 JPG、PNG、WebP 或 GIF,圖片留在你的裝置上。

  2. 2
    移動並點選

    帶著放大鏡移到想要的畫素上點一下,圖片取色器會複製它的 HEX 色值。

  3. 3
    複製其他格式

    點顏色旁邊的複製按鈕,或者從“主色調”裡直接取。

為什麼用熊仔工匠

  • 放大鏡精確取色

    指標周圍放大顯示,看清正在取的是哪個畫素。

  • 三種色值寫法

    每個取到的顏色都有 HEX、RGB、HSL 三種寫法。

  • 自動提取主色調

    最多八個主要顏色,按所佔面積排序。

  • 圖片不上傳

    圖片由瀏覽器讀取,不會離開你的裝置。

常見問題

圖片取色器常見問題

怎麼用圖片取色器得到 HEX 色值?
開啟圖片,點一下想要的顏色,HEX 色值會自動複製,可以直接貼上到 CSS、PPT 或設計軟體裡。取到的品牌色,也可以用在二維碼生成裡,做一個同色的二維碼。
圖片取色器能從截圖取色嗎?
能。選擇儲存好的截圖,或者直接按 Ctrl + V 貼上,再點想要的位置。截圖一般是 PNG,沒有照片那樣的壓縮,取到的色值更準。
為什麼照片裡相鄰的點顏色不一樣?
照片有噪點和壓縮,相鄰畫素會略有差別。可以看“主色調”裡的平均顏色,或者多點幾處挑一個最合適的。
手機上能用圖片取色器嗎?
能。用手指點想要的位置,色值同樣會自動複製。
圖片會上傳嗎?有次數限制嗎?
都沒有。圖片在瀏覽器裡讀取,不會發給我們;在瀏覽器裡執行的工具也不佔每日次數。
把圖片取色器分享給朋友開啟瀏覽器就能用,對方不註冊也能先試。

相關工具

IMG 圖片壓縮批次壓縮 JPG、PNG、WebP、GIF,肉眼看不出差別。
QR 二維碼生成生成網址、文字、Wi-Fi、名片二維碼,可加 Logo、換顏色。
IMG 修改圖片尺寸按畫素、百分比或社交平臺尺寸批次改圖。
KBIMG 圖片壓縮到指定大小壓到 20KB、50KB、100KB 等指定大小,報名、上傳一次過。
IMG 裁剪圖片自由裁剪或按 1:1、4:3、16:9 等比例裁剪,動圖也能裁。
IMG 報名照片尺寸修改按考試、證件要求一次改好畫素、KB 大小和 DPI。
GIF GIF 動圖製作把多張圖做成動圖:GIF、WebP 或 APNG,間隔隨你定。
😆IMG 表情包製作給圖片或 GIF 動圖加字、加表情,做成表情包或貼紙。