三通道混合
R/G/B 滑杆与数字输入双向同步，实时生成颜色。
COLOR
#3B82F6
rgb(59, 130, 246)
白字对比度 — · 黑字对比度 —
RGB CHANNELS
R
G
B
SAVED COLORS
0 / 20 · 本机保存还没有收藏颜色，点击上方「收藏」添加。
什么是在线 RGB 转 HEX 工具
这是一个运行在浏览器里的颜色混合与转换工具。拖动红、绿、蓝三个通道的滑杆，或者直接输入 0–255 的数值，页面会实时生成对应的 HEX 颜色代码，并同步显示颜色预览、RGB 值与黑白文字对比度。
也可以反过来在 HEX 输入框填写颜色代码，工具会自动解析成 RGB 三通道。支持 3 位与 6 位 HEX，输入不合法时会给出提示而不会破坏当前颜色。收藏的颜色只保存在当前浏览器，不会上传服务器。
RGB ↔ HEX
支持 RGB 转 HEX 和 HEX 反查 RGB，自动展开 3 位缩写。
对比度参考
显示白色与黑色文字的 WCAG 对比度，辅助文字配色。
本机收藏
最多收藏 20 个颜色，刷新后仍在，数据不上传。
使用方法
- 拖动 R、G、B 滑杆或输入数值，HEX 与预览会立即更新。
- 也可以在 HEX 输入框粘贴颜色代码，或用取色器直接选色。
- 点击复制按钮获取 HEX/RGB 代码，或把当前颜色收藏到本机。
常见问题
RGB 是怎么转成 HEX 的？
把红、绿、蓝三个 0–255 的通道值分别转换成两位十六进制数，再拼接并加上 # 前缀。例如 rgb(255, 0, 0) 对应 #FF0000。
3 位 HEX 和 6 位 HEX 有什么区别？
3 位写法是 6 位的缩写，例如 #f00 等同于 #ff0000。工具会自动展开缩写，并统一输出 6 位大写 HEX。
通道值超出 0–255 怎么办？
滑杆本身限制在 0–255；手动输入时工具会把数值限制在这个范围内，避免生成无效颜色。
收藏的颜色保存在哪里？
收藏保存在当前浏览器的本地存储中，最多 20 个，不会上传服务器。清理浏览器数据或更换设备后会丢失。
显示的对比度有什么用？
对比度表示白色或黑色文字放在该背景上的可读性，数值越高越清晰。它按 WCAG 相对亮度公式计算，可作为文字配色的初步参考。
颜色数据会上传到服务器吗？
不会。转换与收藏都在浏览器本地完成，颜色代码不会上传。