登录 注册
登录 注册

CSS 颜色函数示例

输入一个十六进制颜色，即时得到 rgb()、rgba()、hsl()、hsla()、hwb()、lab()、lch()、oklab()、oklch()、color(srgb) 等多种 CSS 颜色函数写法。换算采用标准色彩空间公式，全部在浏览器本地完成。

选择颜色 等待输入

支持 #rgb 与 #rrggbb 两种写法，也可直接使用取色器选择颜色。

颜色函数写法
HEX—
RGB—
HSL—
选择或输入颜色后，将在这里列出各种 CSS 颜色函数写法。

数值由标准色彩空间公式换算，保留合理小数位，仅作参考。

换算规则
  • HEX 与 RGB 为直接按字节解析，#rgb 会展开为 #rrggbb。
  • HSL 由 RGB 按最大/最小值公式换算，色相 H 取值 0–360，S/L 为 0–100%。
  • HWB 的 W 为三通道最小值、B 为 1 减三通道最大值（均为百分比）。
  • lab/lch 走 sRGB → 线性化 → XYZ(D65) → CIELAB，白点取 D65。
  • oklab/oklch 走 sRGB → 线性化 → LMS → 立方根 → Oklab（Björn Ottosson 公式）。
  • 换算结果保留合理小数位，仅作参考；本工具不声称覆盖所有色彩空间。