取色器
從照片取色 · HEX RGB
從照片取色
把檔案拖到這裡點一下選擇檔案放在這裡照片 1 張，最大 30MB。照片不會上傳到伺服器。1 張照片 · 30MB
點一下照片取色。放大後可以拖曳移動，方向鍵一次移動 1 個像素（按住 Shift 一次 10 個）。
直接選擇顏色
結果
- HEX
- RGB
- HSL
- HSV
- XYZ
照片和顏色值只在瀏覽器中處理，不會傳送或儲存到伺服器。
使用說明
可以直接選色，也可以從照片裡取一個像素讀出它的顏色值。HEX、RGB、HSL、HSV、XYZ 一次全部顯示，方便直接用到 CSS 或設計軟體裡。照片只在瀏覽器中處理，不會上傳。
什麼時候用
- 想知道 logo 或商品圖裡用的顏色 HEX 值。
- 從截圖裡直接取出背景色。
- 把同一個顏色的各種表示法一次看清楚。
使用方法
- 直接選色請用選擇顏色欄，或輸入 HEX 值。
- 要從照片取色，請在下方從照片取色載入圖片（最大 30MB）。
- 點擊照片即可取色，放大後可以拖曳移動。
- 用方向鍵逐像素移動（按住 Shift 為 10 像素），精確定位。
- 複製需要的 HEX、RGB、HSL、HSV 或 XYZ 值。
需要知道的事
- 同時顯示所取位置的像素座標 (x, y)，方便回到同一點。
- JPG 因為壓縮，相鄰像素的顏色會略有差異，不要只信一個點，多取幾處比較。
- 螢幕顏色在不同顯示器上會有差異；印刷色（CMYK）不在本工具範圍內。
- XYZ 是以人眼反應為基準的數值，用於精密色彩工作；日常用 HEX 或 RGB 就夠。
- 照片和顏色值都只在瀏覽器中處理，不會保存到任何地方。
常見問題
可以吸取螢幕上任意位置的顏色嗎？
只能從載入本站的圖片裡取色，網頁看不到瀏覽器之外的螢幕。需要螢幕上的顏色時，請先截圖再載入那張圖。
同一個顏色取出來的值略有不同。
JPG 壓縮會混合相鄰像素，所以看起來一致的色塊，逐像素其實略有差異。可以多取幾處取最常見的值，或改用 PNG 原圖。
放大之後怎麼操作？
放大後可以拖曳照片，點一下之後用方向鍵可逐像素移動（按住 Shift 為 10 像素），適合吸取小圖示或小字的顏色。
HSL 和 HSV 有什麼差別？
兩者都把顏色分成色相、飽和度、明度，但明度基準不同：HSL 中最純的顏色在 50%，HSV 中在 100%。CSS 常用 HSL，繪圖軟體多用 HSV。