CSS 与前端开发工具

RGB to HEX

输入 R、G、B 三个整数,将 RGB 颜色转换为可直接使用的 HEX。

输入参数

浏览器本地处理

实时预览

参数修改后自动更新
可直接选择或复制

验证 R、G、B 整数范围并生成 HEX,支持大写输出和颜色预览。

输入内容仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

RGB to HEX 把红、绿、蓝三个通道转换为六位 HEX 颜色。您可以选择大写或小写显示,并同时核对 RGB 写法与实际颜色。

如何使用

  1. 分别输入 R、G、B,所有通道必须是 0~255 的整数。
  2. 根据需要切换 Uppercase 大写 HEX 选项。
  3. 查看实时结果或点击“转换”,然后复制 HEX。
  4. 点击“重置”恢复默认状态,或载入示例进行比较。

使用示例

  • R 255、G 87、B 51 → #ff5733;勾选大写后为 #FF5733。
  • R 0、G 0、B 0 → #000000。
  • R 255、G 255、B 255 → #ffffff。

计算原理

每个通道转成两位十六进制,不足两位时补 0,再按 R、G、B 顺序连接。大小写只影响文本形式,不会改变颜色。越界、空值和小数会报告错误,不会把 300 静默修正为 255。

常见用途

  • 把绘图或图像软件的 RGB 参数用于 CSS。
  • 统一项目色值的大小写形式。
  • 确认手工输入的三个通道都在合法范围内。

隐私说明

所有输入、计算、CSS 生成和预览都在当前浏览器中完成,不会上传用户内容,不使用后台、数据库、在线 API 或第三方 CDN,也不会自动保存您的输入。

FAQ

RGB 的范围为什么是 0~255?

本页使用常见的 8 bit sRGB 通道,每个通道有 256 个整数等级,从 0 到 255。

可以输入 12.5 或 256 吗?

不可以。本工具要求每个通道都是 0~255 的整数,并明确提示无效值。

HEX 大写和小写有什么区别?

#FF5733 与 #ff5733 表示同一颜色,大小写选择用于匹配项目的代码风格。

为什么有些 HEX 通道前面有 0?

每个通道必须占两位,例如数值 9 要写成 09,避免改变后续通道的位置。

返回开发者工具分类首页