檢查色彩無障礙
轉換前景/背景色彩，複製 WCAG 對比報告，發布前檢查 CSS token 與視覺資產。
- 1. Color
轉換 HEX/RGB/HSL 配色，檢查 AA/AAA 門檻，然後複製無障礙報告。
- 2. CSS
提交前檢查 CSS token 名稱、selector 與重複色彩值。
- 3. Favicon
確認品牌首字母或小圖示在所選背景上仍清楚可讀。
Color色彩隱私: 瀏覽器本機
Color 轉換器
在 HEX、RGB、HSL 之間轉換色彩，並檢查前景與背景的 WCAG 對比度。
輸入 / 輸出
先使用工具
輸入、輸出與複製操作集中在這個主要區域。範例和檢查內容放在下方。
本機工作階段
輸入狀態只保存在此瀏覽器中，可在無帳號時恢復上次工作區。
取得結果後再檢查
完成主要輸入/輸出流程後，再開啟需要的範例、檢查清單與相關工具。
3 工具
審查 CSS 片段
格式化 CSS 片段，複製 CSS 審查報告，再檢查壓縮與色彩對比。
- 1. CSS
格式化片段並複製包含 selector、token、cascade、specificity 與清單信號的報告。
- 2. CSS Min
若要分享壓縮 CSS，請檢查壓縮率、註解移除和 minify 審查報告。
- 3. Color
當片段改變前景或背景色時，用 WCAG 對比標準檢查 color token。
建立 Wi-Fi QR
產生相容的網路密碼，建立 Wi-Fi payload，複製掃描報告，分享前檢查對比。
- 1. Password
產生符合路由器規則的密碼。
- 2. QR Code
建立 Wi-Fi payload，下載 QR 圖片，並複製交接用掃描報告。
- 3. Color
列印前檢查前景與背景對比。
複製前檢查
- 再次比較原始輸入與輸出形態。
- 確認目標執行環境、編碼、時區與安全政策差異。
- 繼續用相關工具檢查 Color 轉換器 的結果是否適合下一步。
常見失敗情況
- 在 HEX、RGB、HSL 之間轉換色彩，並檢查前景與背景的 WCAG 對比度。
- 如果瀏覽器本機處理方式和真實輸入結構不一致, 輸出不能直接信任。
相關工具
指南
取得結果後再檢查
完成主要輸入/輸出流程後，再開啟需要的範例、檢查清單與相關工具。
範例
此工具的起始範例#2563eb on #ffffffrgb(24,24,27) on #fafafahsl(220 90% 56%) on hsl(0 0% 100%)使用情境
色彩- 在 HEX、RGB、HSL 之間轉換色彩，並檢查前景與背景的 WCAG 對比度。
- 以瀏覽器本機方式處理輸入，並在複製前檢查結果。
- 搭配 Color 轉換器 與相關工具縮短工作流程。
- 再次比較原始輸入與輸出形態。
- 確認目標執行環境、編碼、時區與安全政策差異。
- 繼續用相關工具檢查 Color 轉換器 的結果是否適合下一步。