螢幕取色器

拖入截圖，游標掃過去就能讀出那一點的準確顏色——HEX、RGB、HSL 隨移動即時重新整理。

還沒有圖片

把圖片拖到這裡，或按 ⌘V / Ctrl+V 貼上截圖，也可以直接選擇檔案。

支援 PNG、JPG、WebP、GIF、BMP；單張不超過 20 MB、1600 萬畫素。

全部在瀏覽器內完成，圖片只在記憶體裡讀取，不上傳、不落盤。

瀏覽器支援時可用「從螢幕取色」直接讀取螢幕上任意一點；沒有這個按鈕時，截圖後貼上進來即可。

已拾取

還沒有釘住任何顏色——在圖上點一下。

使用方法

載入圖片：拖進來、按 ⌘V / Ctrl+V 貼上截圖、選擇檔案，或點「載入示例」。
把游標移到圖上，HEX / RGB / HSL 即時重新整理；桌面端還會顯示 11 × 11 畫素的放大鏡。
點選或輕觸某個畫素，把它釘進下方的「已拾取」列表，再一鍵複製任意格式。
瀏覽器支援時可點「從螢幕取色」，不載入圖片也能讀取螢幕上任意一點的顏色。
鍵盤：聚焦圖片後用方向鍵移動取樣點（按住 Shift 加速），回車釘住當前顏色。
點「清空」復位圖片、讀數與列表。

示例

示例圖

ykit-sample.png
1200 × 800 · 六個純色塊 + 漸層背景 + 一塊完全透明的區域

讀數

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
色族：藍 · 座標 240, 180

讀數來自游標下的原始畫素，不是縮放後的預覽圖；完全透明的畫素會明確報「沒有顏色」，不會給出 #000000。

口徑、上限與已知問題

色族只是按色相與明度做的粗分類，不是精確顏色名。
完全透明的畫素沒有顏色，工具會明確說明，不會顯示 #000000；半透明畫素保留它本身的 RGB 並標註不透明度。
取樣用的是原始畫素，但預覽是縮放顯示的：抗鋸齒邊緣會混色，請在形狀內部取色，不要點在描邊上。
螢幕取色依賴瀏覽器的 EyeDropper 支援與使用者手勢；不支援時按鈕不出現，改用截圖貼上。
一次只處理一張圖片，上限 20 MB、1600 萬畫素；超限會在解碼前明確拒絕，不靜默變慢。
照片受白平衡、壓縮與螢幕校準影響，取到的值與檔案一致，不保證與實物一致。
不做主色板、格式互轉、圖片編輯與螢幕標尺——這些是獨立工具，見下方連結。

取到顏色之後的下一步。