設計
顏色工具
轉換 HEX、RGB、HSL 顏色，並檢查 WCAG 對比度以確保無障礙性。
顏色轉換
HEX
#007BFF
RGB
rgb(0, 123, 255)
HSL
hsl(211, 100%, 50%)
對比度檢查器 (WCAG)
對比度 21.00
一般文字
AA (4.5:1)
AAA (7.0:1)
大型文字
AA (3.0:1)
AAA (4.5:1)
預覽
敏捷的棕色狐狸跳過懶惰的狗。視野無限廣，窗外有藍天。
色彩轉換與對比檢查工具
在 HEX、RGB、HSL 之間轉換色彩，並檢查前景與背景的對比。適合 CSS 實作、設計交付、hover 狀態與 UI 可讀性檢查。
常見情境
- 轉換 CSS 色彩：在設計工具與程式碼格式間切換。
- 檢查可讀性：確認按鈕、連結、label 與 alert 的對比。
- 建立色彩變化：用 HSL 調整亮度與飽和度。
重要狀態不應只靠顏色傳達，應搭配文字、圖示或版面提示。