设计稿上写的是 rgb(255, 99, 71)，代码里要填 #FF6347；反过来，样式表里抄来一个 #8A2BE2，想调成 RGB 却要心算进位。今天介绍的就是这个免费好用的RGB 与 16 进制颜色互转工具：RGB 和十六进制两种写法双向实时转换，支持带透明度的 8 位色值（适合 Android、C# 程序），边输入边出结果、实时预览颜色，无需点击任何按钮。

一、RGB 转 16 进制颜色工具是什么

这是一个实时颜色格式转换工具：左边填 R、G、B 三个 0~255 的值，右侧立即生成 #RRGGBB 十六进制代码；反过来在十六进制输入框里填 #8A2BE2，左侧三通道数值自动拆好。格式合法即自动转换，全程在浏览器本地完成，不涉及任何上传。

下面的在线工具可以直接体验，填任意 RGB 值试试实时转换与颜色预览：

全屏查看：https://www.phprm.com/app/rgb/

二、功能特点

1. 双向实时转换

RGB → 十六进制、十六进制 → RGB 两个方向都是边输入边转换，值合法即触发，不需要按回车或点按钮，改哪个通道结果立即刷新。

2. 支持透明度（8 位色值）

除了网页常用的 6 位 #RRGGBB，还支持带 A 通道的 #RRGGBBAA 8 位写法——透明度按 0~255 填写（注明用于 C#、Android 等程序；网页的透明度是 0~1），方便移动端与桌面程序取色。

3. 实时颜色预览

转换结果同时显示在预览色块上，填了透明度还会按比例显示半透明效果，所见即所得。

4. 输入自动纠错

R/G/B/A 只接受数字、最多三位、超过 255 自动截断；十六进制输入自动补 # 前缀、只保留合法字符，填错也不会有乱七八糟的输出。

三、怎么用

1. RGB → 十六进制：填写 R（红）、G（绿）、B（蓝）三个 0~255 的数值，下方十六进制框立即生成 #RRGGBB（大写）；需要透明度时再填 A（0~255，可选），生成 8 位 #RRGGBBAA；

2. 十六进制 → RGB：在十六进制框输入 3 位（#RGB）、6 位（#RRGGBB）或 8 位（#RRGGBBAA）色值，左侧自动拆出对应 R/G/B（及 A）数值；

3. 看预览：预览色块实时显示该颜色（含透明度的半透明效果），确认无误后复制使用。

四、常见问题

RGB 和十六进制颜色是什么关系？

它们描述的是同一种颜色：R、G、B 三个 0~255 的数值，每个数值换算成两位十六进制（如 255 → FF）拼在一起就是 #RRGGBB。#FF6347 就是 rgb(255, 99, 71)，只是写法不同，本工具负责两个方向互转。

透明度（A）怎么填？8 位色值用在哪里？

A 通道按 0~255 填写（0 全透明、255 不透明），生成 8 位 #RRGGBBAA。这是 C#、Android 等程序里的常见写法；网页 CSS 一般用 0~1 的 rgba()，工具页上也注明了这一区别，避免混淆。

输入的值超过 255 或格式不对怎么办？

输入框会自动纠错：数字类输入剔除非数字字符、最多三位、超过 255 自动截断前两位；十六进制输入自动补 # 前缀并只保留合法字符，因此不会因为手滑产生非法色值。

这个工具会上传数据吗？能在电脑上离线用吗？

转换在浏览器本地实时完成，输入的颜色值不会上传、不保存、无账号；页面还可作为网页版工具收藏使用，打开即用，无需安装任何软件。

五、结语

写 CSS、调设计稿、做 Android 或 C# 界面时，颜色格式换算不用再拿着计算器逐位心算——打开这个RGB 与 16 进制颜色互转工具，填数值看预览一步到位，实时转换、本地完成。如果你也在找更多免费在线工具，欢迎访问 phprm.com，这里还有一批同样免费好用的实用小工具，等你来发现。

本文地址：https://www.phprm.com/develop/rgb-color.html

转载随意，但请附上文章地址:-)