颜色格式转换

HEX、RGB、HSL 颜色格式互相转换。

HEX#00E5BF

RGBrgb(0, 229, 191)

HSLhsl(170, 100%, 45%)

CSS var#00e5bf

About 颜色格式转换

网页设计师和前端开发者在三种颜色表示法之间切换：HEX（#00e5bf）是 CSS 和设计工具的默认格式；RGB（rgb(0, 229, 191)）便于调整通道和透明度；HSL（hsl(170, 100%, 45%)）适合按直觉调整明度和饱和度。本转换器把任意六位 HEX 值即时转换为全部格式，每种格式一键复制。

HSL 对构建一致色板特别有用：固定色相、改变明度即可得到和谐的明暗色阶；固定饱和度和明度、旋转色相即可得到数据可视化的色板。RGB 是屏幕和透明混合的原生语言；HEX 仍是 CSS 和大多数设计交付物的紧凑默认格式。

转换数学遵循 CSS Color Module 标准，随输入或取色实时本地计算。粘贴 HEX 值或使用原生取色器，然后复制样式表、设计令牌或图形库需要的格式。

Frequently Asked Questions

支持 #0eb 这样的三位 HEX 吗？

请输入展开后的六位形式（#00eebb）。现代浏览器都接受三位简写，但显式六位值在文档和设计规范中更无歧义。

能转换带透明度的颜色吗？

本工具转换核心 HEX/RGB/HSL 值。需要透明度时，在转换结果基础上用 CSS 的 rgba(...) 或 8 位 #RRGGBBAA 附加 alpha 通道。

为什么 HSL 值和 Photoshop 不一样？

Photoshop 使用 HSB/HSV（亮度 Brightness），是另一个模型。本工具使用 HSL——与 CSS 的 hsl() 函数同源，数值与浏览器渲染一致。