RGB 与 HEX 实时互转
输入 RGB 三通道后立即得到 HEX、CSS rgb() 和 HSL 结果，适合前端和设计对色。
颜色预览同页展示
换算结果会同步显示颜色块预览，减少来回切换配色工具。
浏览器本地换算
颜色值只在当前浏览器中处理和预览，不上传服务器。
RGB · 浏览器本地转换
RGB 转 16 进制
输入 RGB 三通道后生成 HEX、CSS rgb()、HSL 和颜色预览，适合前端配色和设计标注。
HEX
#4080FF
CSS RGB
rgb(64, 128, 255)
HSL
hsl(220 100% 63%)
处理位置
浏览器本地
颜色值只在浏览器本地换算，不会上传服务器。
颜色值只在浏览器本地换算，不会上传服务器。
工具使用说明
怎么用 RGB和HEX十六进制颜色互转
输入 RGB 数值
按 `R G B` 或逗号分隔的方式输入三通道数值。
查看 HEX 与 HSL 结果
页面会实时输出 HEX、CSS rgb()、HSL 和颜色块预览。
继续用于样式或设计标注
把结果直接用于 CSS、设计稿标注或颜色沟通。
功能说明
这个工具解决什么问题
RGB 和 HEX 为什么经常要互转
设计稿、截图标注和前端开发之间常常同时出现 RGB 与 HEX 两种颜色表示法，来回换算是高频动作。
把换算、预览和常用 CSS 写法放在同一页里，会比手工心算或多页面切换更直接。
为什么本地颜色工具更合适
颜色换算本身不需要任何服务端参与，浏览器本地就能稳定完成并实时预览结果。
对未公开设计稿、品牌配色和内部样式变量来说，本地处理也更干净。
常见问题
关于 RGB和HEX十六进制颜色互转，用户常问这些
颜色值会上传到服务器吗？
不会。RGB 输入、HEX 换算和颜色预览都在浏览器本地完成。
支持哪些输入格式？
当前主要面向 RGB 三通道输入，可直接得到 HEX、CSS rgb() 和 HSL 结果。
超出 0 到 255 的值会怎样？
页面会按通道范围自动收敛到有效区间，避免出现不可用颜色值。
适合做设计取色吗？
适合做颜色换算和结果复核；如果需要从图片吸色，建议配合专门的取色工具使用。