首页 / 工具 / 颜色格式转换

颜色格式转换

输入 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 的角度与百分比取整显示,内部保留完整精度。