1. 01輸入 HEX、rgb()、hsl()、顏色名等 CSS 顏色，或用原生顏色選擇器。
2. 02複製需要的顏色格式，或點色階色塊複製 HEX。
3. 03在對比度區選前景和背景，查看比值及 WCAG AA/AAA 判定。
4. 04支持 EyeDropper 的瀏覽器可點“屏幕取色”；Esc 取消不會報錯。

• 可接受範圍取決於 colord 對 CSS 顏色語法的支持，不是瀏覽器所有未來顏色函數的完整解析器。
• 色階是 colord.tints(10) / shades(10) 的算法結果，不等於某個設計系統固定色板。
• WCAG 檢查按插件實現的 WCAG 2.0 對比度閾值：AA 正文 4.5、AA 大字 3、AAA 正文 7、AAA 大字 4.5。
• EyeDropper 只在支持該 Web API 的瀏覽器啓用；它需要用户主動點擊並受瀏覽器權限/安全上下文約束。
• 屏幕取色只返回用户選中的 sRGB HEX，不持續截屏或錄屏。

顏色計算在瀏覽器本地完成；EyeDropper 只在用户主動調用後由瀏覽器返回單個顏色值，不上傳屏幕內容。