颜色转换器
在HEX、RGB、HSL、HWB和CMYK之间转换颜色,支持透明度和实时预览。
选择
透明度
1.00
HEX
已复制!
RGB
已复制!
HSL
已复制!
HWB
已复制!
CMYK(近似)
已复制!
使用方法
颜色转换器使用标准数学公式在 HEX、RGB、HSL 和 HSV 格式之间转换颜色值,无需四舍五入或近似。
以任何支持的格式输入颜色:十六进制(#RRGGBB)、RGB(如 rgb(255, 128, 0))、HSL(如 hsl(30, 100%, 50%))或 HSV。计算器自动同时计算所有其他表示形式。
使用颜色选择器可以直观选择颜色值,无需手动输入。
HEX 格式在 CSS 和 HTML 中最常用。RGB 最适合编程操作。调整色调、饱和度和亮度时 HSL 最直观。
使用场景
- 在工具间匹配设计颜色
- 转换品牌配色方案
- 创建CSS颜色变体
- 理解颜色模型
- 为不同环境导出颜色值
常见问题
- 为什么 HSL 转 HEX 再转 HSL 可能不会返回完全相同的值?
- 在色彩空间之间转换时不可避免地存在一些四舍五入——差异在视觉上可以忽略不计。
- 是否支持 alpha 通道和透明度?
- 当前版本处理完全不透明的颜色。Alpha 通道(RGBA/HSLA)计划中。
- CSS 应该选择哪种格式?
- 完整网页颜色使用 HEX 或 rgb();需要编程调整亮度或饱和度时使用 hsl()。
- 可以一键复制值吗?
- 可以——每个输出字段都有【复制】按钮。
- 转换器是否处理命名的 CSS 颜色?
- 不直接支持——请输入命名颜色的 HEX 等效值。