🌈 颜色格式转换

HEX、RGB、HSL 颜色格式互转并实时预览

✓ 本工具完全在您的浏览器本地运行,数据不会上传服务器

工具介绍

颜色格式转换工具在 HEX、RGB、HSL 三种格式间互转并实时预览色块,是前端开发与设计交接中的日常小工具。

使用方法

  1. 用取色控件或输入 HEX 值选定颜色
  2. 结果区同时显示 RGB 与 HSL 格式
  3. 复制所需格式到代码中

常见问题

HSL 有什么优势?

按色相、饱和度、明度描述颜色,更直观地生成同色系深浅变体。

支持 3 位 HEX 吗?

当前请使用 6 位 HEX(如 #4f6ef7)。