Elysia Tools
导航
Design
在不同颜色格式之间转换
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
颜色转换器是一款高效的在线工具，旨在帮助设计师和开发者在 HEX、RGB 和 HSL 等主流颜色格式之间进行快速、准确的转换，确保在不同设计环境和代码实现中保持色彩一致性。
背景
在编写 CSS 样式时，设计稿提供的是 HEX 格式颜色，但项目规范要求统一使用 RGB 格式以支持透明度设置。
问题
需要将 #FF5733 转换为 RGB 格式。
如何使用
输入 #FF5733，设置输入格式为 HEX，输出格式为 RGB。
结果
成功获取 rgb(255, 87, 51)，可直接复制到 CSS 代码中使用。
背景
设计师需要基于现有的 RGB 颜色创建一个色调一致的深色版本，使用 HSL 格式调整亮度会更加方便。
问题
需要将 rgb(255, 87, 51) 转换为 HSL 格式。
如何使用
输入 rgb(255, 87, 51)，设置输入格式为 RGB，输出格式为 HSL。
结果
成功获取 hsl(11, 100%, 60%)，方便后续通过调整 L 值进行配色。
目前支持 HEX (#RRGGBB)、RGB (rgb(r,g,b)) 和 HSL (hsl(h,s%,l%)) 三种常用格式。
不会。该工具使用标准的数学公式进行转换，确保颜色数值在不同格式间精确对应。
该工具目前设计为单次转换，您可以快速连续输入多个颜色进行处理。
请确保输入的格式与您选择的“输入格式”一致，例如选择 HEX 时输入 #FF5733。
不需要，这是一个完全基于网页的在线工具，打开浏览器即可直接使用。