Hex Naw

Hex Naw 不僅測試單一組合，還能同時處理整個調色盤。這讓開發人員能一次視覺化整個設計系統的無障礙性，並識別出哪些特定色彩組合未達對比要求。這種批量處理方式較手動工具縮短約 80% 的審核時間，確保在實作前已考量設計系統中所有可能的組合。

該工具採用官方 WCAG 數學公式計算相對亮度與對比度。透過嚴格遵守 AA 等級的 4.5:1 與 AAA 等級的 7:1 比率，提供符合無障礙審核標準的精確數學結果。這消除了測試過程中的人為錯誤，為合規性報告提供了可靠的基準。

當您修改色彩數值時，介面會立即更新對比矩陣。這種即時回饋循環讓設計師能微調色彩（例如加深主色調藍色或調亮背景灰色），直到達到所需閾值。它消除了「猜測與檢查」的循環，讓設計師無需離開應用程式即可找到最接近的無障礙色彩變體。

Hex Naw 支援 Hex、RGB 和 HSL 格式輸入，使其能與各種設計工作流程相容。無論是從 Figma 設計標記檔還是 CSS 樣式表提取數值，您都可以直接貼上。這種靈活性確保開發人員在測試前無需進行手動轉換，簡化了將無障礙檢查整合至現有開發流程的過程。

該工具會生成一個網格矩陣，將每個前景顏色與每個背景顏色進行對比映射。這種視覺化呈現方式能輕鬆識別對比不足的「熱區」。透過檢視完整矩陣，團隊能快速判斷哪些顏色最通用，以及哪些顏色應避免用於文字背景應用，從而促進 UI 元件庫的決策品質。