HEX 转 RGB — 在线颜色选择与 CSS 色值工具
输入六位 HEX 颜色或使用取色器，查看 RGB 和 CSS 背景色代码，实时预览并复制结果。
文件只在浏览器里处理，不会上传到服务器。
适用场景与使用建议
前端开发可复制 CSS 色值，设计交接可核对 HEX 与 RGB，运营人员可为二维码等素材设置配色。它是一项网页色值辅助能力，不提供色彩校准、印刷管理或对比度评估。
HEX 转 RGB 与 CSS 示例
# 后的六位字符分为红、绿、蓝三组十六进制数，每组对应 0–255。输入完整六位色值后，预览、只读 RGB 和 CSS 结果会同时更新。
#2563eb → rgb(37, 99, 235)
background-color: #2563eb;- 二维码生成器 — 使用选好的颜色自定义二维码
HEX 转 RGB — 在线颜色选择与 CSS 色值工具
- 输入 #2563eb 这样的六位 HEX 色值，或使用颜色选择器。
- 复制 HEX、RGB 或 CSS background-color 代码。
点击选择颜色
- 使用颜色选择器，或在 HEX 输入框填写完整六位颜色，例如 #2563eb。当前不接受 RGB 输入、三位缩写或 HSL 值。
- 查看颜色预览与只读 RGB 结果，例如 rgb(37, 99, 235)，确认输入已生效；无效 HEX 不会按你期待的方式更新结果。
- 按需要复制 HEX、RGB 或 CSS background-color 代码，放到样式或设计交接文件中；三者表示的是同一个选定颜色。
- 在实际网页、背景或组件上检查效果。本页不提供颜色对比度检测、印刷 CMYK 转换或透明通道计算，不能据此判断文字是否满足可读性要求。
颜色值转换器
HEX、RGB 与 CSS background-color 有什么区别？
HEX 与 RGB 是同一颜色的不同数字表示，CSS background-color 则是设置背景色的样式语句。例如 #2563eb 对应 rgb(37, 99, 235)。选择哪种取决于目标字段要求，不能把整段 CSS 代码填到只接受 HEX 的输入框。
为什么粘贴 rgb(...)、#fff 或八位色值没有变化？
本页只支持带 # 的六位 HEX 输入以及颜色选择器。RGB 字段是只读结果，不是反向转换输入；三位缩写、八位带透明度 HEX 与 HSL 也不支持。请先使用完整六位表达，不要把未更新的旧预览误当成新输入结果。
可以用来确认品牌颜色、印刷色或无障碍对比度吗？
它能帮助在常见网页色值表达之间对照，但不提供印刷色彩管理、CMYK 或专色转换，也不评估前景与背景对比度。不同屏幕和环境会影响观感。涉及品牌规范或文字可读性时，需要结合对应规范和专用检查工具。
如何把选好的颜色用于二维码或网页？
复制目标所需的 HEX 或 RGB，粘贴到对应颜色字段；网页背景可以使用生成的 CSS 语句。二维码应选择明显的深浅对比并实际试扫，不能因为两种颜色都能转换就认为组合一定适合识别。