色彩對比度與無障礙檢測器
計算前景與背景色彩對比度，提供智慧符合 WCAG 2.1 標準的配色修復，並支援 Canvas 四種色盲模擬與 drag-and-drop 圖片色彩提取。
⚖️ 配色對比度檢測 (WCAG 2.1)
對比度
12.3:1
WCAG 2.1 AA
PASS
WCAG 2.1 AAA
PASS
元件即時預覽
這是一段用於測試可讀性的範例文字。好的色彩對比度能讓每個人都清晰閱讀您的網頁內容。
✨ 智慧配色修復
一鍵自動調校文字亮度以符合 AA 級 (4.5:1) 標準
👁️ 圖片色盲模擬 (Canvas 濾鏡)
📤 拖曳圖片至此或點擊上傳 支援 PNG, JPG, WebP 圖片，完全在本地瀏覽器處理
🐑 Processing filter...
📚 網頁設計色彩無障礙指南 (WCAG 2.1)
- AA 級標準：一般文字對比度需達 4.5:1 以上，大尺寸文字 (18pt 以上) 需達 3:1 以上。
- AAA 級標準：一般文字對比度需達 7.0:1 以上，大尺寸文字 需達 4.5:1 以上。
- 相對亮度 (Luminance) 指的是顏色的視覺明度，介於 0 (最暗的黑色) 到 1 (最亮的白色) 之間。
