通用工具 / 08

颜色转换器

将HEX颜色转换为RGB和HSL,并实时显示色样。

颜色转换器: TOEA可解析短格式或长格式HEX表示法,并计算标准sRGB和HSL通道值。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
Color conversion desk本地处理

完全在浏览器中运行

结果

本地计算
#63C42D
HEX: #63C42D
RGB: rgb(99, 196, 45)
HSL: hsl(99, 63%, 47%)

HEX、RGB和HSL

HEX和RGB描述的是同一件事:红色、绿色和蓝色的取值范围为0到255,只是分别使用十六进制和十进制表示。HSL则使用色相、饱和度和亮度描述颜色,更便于手动调整:要生成品牌颜色的浅色或深色版本,只需更改L值。颜色色调生成器可以按等间隔完成这项操作。

检查实际使用中的颜色

这些值采用sRGB,这是网络和大多数屏幕使用的颜色空间。广色域显示器可以通过color(display-p3 …)和oklch()等CSS函数显示更高饱和度的颜色,而这些颜色没有完全对应的HEX值。

将颜色用于文本前,请使用对比度检查工具检查它与背景的对比度;要从图片中取色,请使用图片取色器。

使用方法

  1. 输入或选择HEX颜色。
  2. 查看其RGB和HSL形式。
  3. 复制转换结果。

隐私与限制

颜色会保留在本地。显示效果可能因显示器和色彩配置文件设置而有所不同。

相关工具

常见问题

此工具会上传我的输入吗?

不会。所有处理都在当前浏览器标签页中进行。

支持Alpha吗?

支持。四位和八位HEX输入也会显示Alpha比例。

免费工具·使用在浏览器中次·无需账户