開發者工具
色碼轉換/對比檢查
輸入 HEX 或 RGB 色碼即可轉換成 HEX、RGB、HSL，並計算前景與背景的 WCAG 對比，適合前端開發與設計交付檢查。
工具操作區
Aa 色彩預覽
轉換結果
#2563EB
rgb(37, 99, 235)
hsl(221, 83%, 53%)
5.17:1
WCAG AA：通過一般文字；大字級需 3:1。
使用教學
1
輸入主要色碼。
2
需要時輸入背景色碼。
3
查看 HEX、RGB、HSL 與 WCAG 對比結果。
常見用途
- 檢查按鈕文字對比。
- 轉換設計稿色碼格式。
- 整理前端 CSS 顏色值。
FAQ
這個工具需要登入嗎？
不需要。日日工具箱第一版所有 ready 工具都可直接在瀏覽器使用，不需要註冊或登入。
輸入內容會上傳到伺服器嗎？
不會。第一版工具以瀏覽器本機端處理為主，文字與計算資料不會送到自訂後端。
對比檢查使用什麼標準？
工具使用 WCAG 常見相對亮度公式計算對比值，並標示一般文字 AA 與大字 AA 的通過狀態。
支援哪些色碼格式？
第一版支援 3/6 位 HEX 與常見 rgb(r, g, b) 格式，並輸出 HEX、RGB 與 HSL。