全部工具

MEDIA / 032

HEX・RGB・HSL转换

转换HEX、RGB和HSL并实时预览颜色。

私密工作区输入内容保留在此设备上,并尽可能在浏览器中处理。
#D9FF68
Color values
#D9FF68
rgb(217, 255, 104)
hsl(75, 100%, 70%)

指南 / 01

适用场景

将设计稿中的#D9FF68换成CSS的rgb()或hsl(),或调整某个通道后复制同一颜色的其他表示形式。

指南 / 02

快速指南

  1. 使用取色器,或输入有效的3位、6位HEX、RGB或HSL值。
  2. 调整一种格式的通道值,观察预览及其余HEX、RGB、HSL结果同步更新。
  3. 复制结果,在目标浏览器或设计软件中放到实际背景上进行比较。

验证

验证计算结果

用纯色检查:#FF0000应对应rgb(255, 0, 0)和hsl(0, 100%, 50%)。

限制

需要了解的限制

不支持Alpha透明度、CMYK、LAB或广色域配置,假设使用一般的sRGB显示颜色。HSL与RGB转换时的整数舍入可能造成细微的通道差异。

常见问题

常见问题

相同HEX在不同屏幕上看起来会不一样吗?

会。显示器校准、亮度、周围颜色及浏览器色彩管理都会影响观感。本工具只转换数值表示,不校准显示设备。

输入数据会发送到外部吗?

不会。工作数据在浏览器中处理,也不会包含在广告请求中。