生活工具
色碼表與調色盤
色系與 216 色碼表、HEX／RGB／HSL 互轉、六種配色及對比檢查，附色環圖解與 CSS／SVG 下載。
裝置內處理
正在準備工具…
對比檢查採不透明純色，不代替整頁無障礙檢測。
HOW IT WORKS
色碼表與調色盤怎麼使用
01
選擇與輸入
從色系漸層、216 色或常用色名選色，也能輸入 HEX、RGB、HSL 或從螢幕取色。
02
調整與確認
調整色相、飽和度、亮度，選擇相近、互補、分裂互補、三角、四方或同色明暗配色。
03
使用與儲存
檢查文字對比、收集色票並下載 CSS 或 SVG；下方提供十二色環、伊登色相環及色彩三元素圖解。
GOOD TO KNOW
你可能想知道
先了解處理方式，
再放心使用結果。
4.5:1 是什麼意思？
它是文字與背景的相對亮度對比值。WCAG AA 一般文字門檻為 4.5:1，大字為 3:1；這不是 QR Code 的通用掃描保證。