關於這個工具
不用安裝任何軟體,直接用瀏覽器原生的 EyeDropper API,從桌面、其他視窗或任何網站吸取顏色。每個吸到的色票都會即時轉成 hex、rgb、hsl、oklch 四種格式,要貼進 CSS、design token 或繪圖軟體,按一下複製就好。
吸取瀏覽器視窗以外的顏色
一般的網頁取色器只能在上傳的圖片裡選色,這個工具不一樣:在支援的 Chromium 瀏覽器上,它會叫出作業系統原生的放大鏡吸管,讓你直接取樣程式碼編輯器、桌布、設計稿,甚至另一台螢幕上的任何像素。取樣介面由瀏覽器原生處理,拿到的是該像素準確的 sRGB 顏色。
隱私設計:只回傳單一像素,不是螢幕截圖
你的螢幕內容完全不會外流。啟動吸管後,瀏覽器只把你點到的那一個像素的 hex 色碼交給這個頁面——沒有截圖、沒有錄影、沒有游標座標。按 Esc 取消取色也不算出錯,頁面讀不到任何螢幕內容,只會安靜地結束。
WCAG 對比檢查與色票匯出
取色歷史最多保留 48 個色票,存在你瀏覽器的本機空間。挑兩個色票分別當前景與背景,就能算出 WCAG 2.1 對比值,並分別檢查一般字級與大字級是否達到 AA、AAA。要注意 WCAG 的對比公式只定義在不透明色上,所以計算時會忽略 alpha 值,別拿半透明色的結果當保證。色票隨時可以匯出成 CSS 自訂屬性、GIMP 色票(.gpl)、JSON 或純 HEX 清單。
跨瀏覽器備援:手動貼上照樣能用
EyeDropper API 目前只有 Chrome、Edge、Opera 這類桌面版 Chromium 瀏覽器支援。用 Firefox、Safari 或手機瀏覽器打不開吸管也沒關係,頁面會自動改成手動輸入:貼上 hex 色碼或 rgb() / rgba() 值(逗號與空格兩種寫法都收),格式轉換、對比計算、匯出功能全部照常。