HEX ↔ RGB 颜色转换器
在 HEX、RGB 与 HSL 之间转换任意颜色：可视化取色、粘贴色码、一键复制 CSS 色值。
什么是颜色转换器？
颜色转换器在 HEX、RGB、HSL 三种常见颜色格式之间实时互转：选一个颜色，或在任意输入框粘贴一种格式的色值，另外两种格式立即同步更新，点击即可复制 CSS 可用的写法。设计师对接开发、开发者校对设计稿、写 CSS 时临时查一个色值——都是它的日常场景。
转换使用浏览器原生的颜色解析与色彩空间换算，结果与主流浏览器和设计工具一致。
使用步骤
1. 点击左侧色块可视化选色，或在 HEX、RGB 输入框粘贴任意一种格式的色值。
2. 其余两种格式即时同步，无需点击任何按钮。
3. 点击「复制 HEX」「复制 RGB」或「复制 HSL」，把色值粘进你的代码或设计工具。
三种格式分别适合什么场合
HEX 用 6 位十六进制表示颜色，书写最短，是 CSS 的事实标准；RGB 用三个 0–255 的数值描述红绿蓝分量，便于程序化生成和调试；HSL 用色相、饱和度、明度三个维度，与人的直觉最接近——想给品牌色做一深一浅两个变体时，固定色相只调明度即可。三者完全等价、可无损互转，用哪个只取决于场景。
常见问题
支持缩写 HEX（如 #abc）吗？
支持。输入 #abc 会自动按 #aabbcc 解析。
支持带透明度的 8 位 HEX 吗？
支持。#RRGGBBAA 写法可以解析；需要精确控制透明度时建议直接使用 8 位写法。
输入错误会怎样？
无效输入会被忽略，上一次的有效颜色保持不变，不会误转换。
转换在本地进行吗？
是。所有换算都在你的浏览器里完成，选择的颜色不会发送到任何服务器。
隐私说明
本页面没有任何上传行为：颜色解析与换算全部在你的浏览器内完成，使用记录不存在。你可以放心粘贴来自公司设计规范或客户资料的颜色值。