颜色格式转换
HEX / RGB / HSL 互转,实时色块预览
这个工具能做什么
- HEX ↔ RGB ↔ HSL
- 实时色块预览
- 本地转换
- 常见写法兼容
- 一键复制
示例
- 输入:#2563eb
- 输出:rgb(37, 99, 235) / hsl(217, 91%, 53%)
适用 / 不适用
- 适用:CSS 色值互转
- 适用:设计稿与代码色值对齐
- 适用:快速预览颜色
- 不适用:需要 CMYK/专色印刷色管理
- 不适用:ICC 色彩配置文件转换
- 不适用:批量从设计系统 API 拉取色板
技术与隐私说明(可验证)
- 色域按 sRGB 常见公式在 HEX/RGB/HSL 间转换。
- 不执行远程取色;色值仅在页面内计算。
- 数据:全程浏览器本地处理,不上传到 www.518882.com 服务器。
怎么用(步骤)
- 在任一格式输入框填写色值,其它格式与色块实时更新。
- HEX 支持 #RGB / #RRGGBB;RGB、HSL 按常见 CSS 写法。
- 复制需要的格式即可用于样式表。
- 非法色值会提示,不会输出错误预览冒充成功。
常见问题
支持颜色名如 red 吗?
当前以 HEX/RGB/HSL 数值为主;命名色请先转为 HEX 再输入。
带透明度吗?
基础互转以不透明色为主;需要 alpha 时请在 CSS 中另行使用 / rgba 或 8 位 HEX。
会上传色值吗?
不会,转换在本地完成。
和设计软件色值不一致?
不同软件色空间与圆整规则不同;本工具按 Web/sRGB 常用公式,适合网页场景。
支持 HWB、Lab 吗?
当前未覆盖;请先在其它工具转到 HEX/RGB 再使用。