颜色格式转换
输入 HEX、rgb()/rgba()、hsl()/hsla() 或 hsv() 颜色值,立刻拿到全部格式、明暗色阶与 WCAG 相对亮度、对比度。无色卡上传,全部在本地解析。
· 等待输入
颜色值
输出
原色与明暗色阶
—颜色数值
—- HEX
- —
- RGB
- —
- HSL
- —
- HSV
- —
- Alpha
- —
- 相对亮度(WCAG)
- —
- 与黑色的对比度
- —
- 与白色的对比度
- —
几点说明
- 数据不出浏览器 · 零网络请求 · 可断网可用。
- 支持 HEX(3 / 4 / 6 / 8 位,# 可省略)、rgb() / rgba()(数值或百分比,允许空格分隔与 / 分隔 alpha)、hsl() / hsla()、hsv() / hsva()。
- 相对亮度用 WCAG 2.x 公式:先把每个通道除以 255,小于等于 0.04045 的按 c/12.92 处理,其余按 ((c+0.055)/1.055)^2.4 线性化,再加权 0.2126R + 0.7152G + 0.0722B。
- 对比度 =(较亮亮度 + 0.05)/(较暗亮度 + 0.05);黑为 0、白为 1。等级按 WCAG:≥ 7 为 AAA,≥ 4.5 为 AA,≥ 3 为 AA 大字,其余不达标。
- 色阶把原色分别按 15% / 30% / 45% / 60% / 80% 混入白色(浅色)与黑色(深色),点任意色块即可复制它的 HEX。
- 亮度与对比度只按颜色本身计算,忽略 alpha;半透明色叠在不同背景上实际对比度会不同。HSL / HSV 的角度与百分比取整显示,内部保留完整精度。