分类: 开发工具

颜色转换

在 HEX、RGB 和 HSL 之间转换。

以 HEX、rgb() 或 hsl() 输入颜色,同时得到三种格式,并附有实时色块和取色器。

HEX#0f7b63RGBrgb(15, 123, 99)HSLhsl(167, 78%, 27%)

本页的所有处理都在浏览器中完成,不会上传任何内容。

这个工具能做什么

HEX 写法紧凑,RGB 对应屏幕混合光线的方式,HSL 用色相、饱和度和亮度描述颜色,手动微调更直观。相互转换不会改变颜色,只是给出样式表或设计工具需要的写法。

使用方法

  1. 输入 #0f7b63、rgb(15, 123, 99) 或 hsl(170, 78%, 27%) 这类颜色值。
  2. 也可以用取色器直接挑选。
  3. 在色块下方查看 HEX、RGB 和 HSL 值。

隐私说明

本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享,关闭标签页即随之消失。

常见问题

支持哪些输入格式?
支持带或不带 # 的三位和六位 HEX,以及 rgb()、rgba()、hsl() 和 hsla() 写法。
支持透明度吗?
转换时会忽略透明度,工具在三种格式中给出不透明的颜色值。