推荐资源
即梦AI

即梦AI

抖音出品 AI视频图片生成

Envato Elements

Envato Elements

无限下载设计素材与模版

Eagle

Eagle

图片素材文献管理神器

Setapp

Setapp

畅享240+款Mac优质应用

专业转换工具

RGB 转 HEX 转换器

将红绿蓝数值 (0-255) 转换为标准的 HTML/CSS 十六进制颜色代码,支持一键复制。

粘贴
r
g
b

工具简介

RGB 模型是屏幕显示的基础,通过红 (Red)、绿 (Green)、蓝 (Blue) 三种光线的不同强度叠加来产生各种颜色。然而在编写 HTML 和 CSS 代码时,十六进制(HEX)格式往往更受欢迎,因为它字符更短、更易于复制和分享。使用此工具,您可以轻松将 Photoshop、Paint 或代码中的 RGB 元组转换为标准的 HEX 字符串。

转换原理:十进制转十六进制

RGB 的每个通道取值范围是 0 到 255。转换时,需要将这个十进制数转换为两位的十六进制数。如果转换结果只有一位(例如 0-15),需要在前面补零。例如:RGB(0, 255, 128) → R=00, G=FF, B=80 → #00FF80。

为什么偏爱 HEX 格式?

1

代码简洁:HEX 通常比 RGB 字符串短,能减少 CSS 文件体积。

2

易于复制:大多数设计软件(Figma, Sketch, PS)都首选 HEX 作为颜色代码。

3

避免符号错误:RGB 格式容易漏掉逗号或括号,而 HEX 格式结构简单固定。

4

兼容性好:它是 Web 最古老且支持最广泛的颜色格式。

常见问题 (FAQ)

Q. RGB(255,255,255) 对应什么 HEX?

对应 #FFFFFF(纯白色)。这是 RGB 三个通道都达到最大亮度时的状态。

Q. 为什么有的 RGB 转换后是 8 位 HEX?

如果 RGB 颜色包含透明度(Alpha 通道),即 RGBA,转换时会在末尾追加两位表示透明度的十六进制数,形成 #RRGGBBAA 格式。

Q. 如果 RGB 数值超出了 255 怎么办?

标准的 8 位色深下,RGB 最大值为 255。如果输入大于 255 的数值,通常会被截断(视为 255)或取模,这取决于具体的解析规则。本工具会自动限制在有效范围内。

Q. HEX 颜色区分大小写吗?

不区分。在 HTML/CSS 中,#ffffff 和 #FFFFFF 是完全一样的。但为了代码规范,通常建议统一使用大写或小写。

专注白噪音

雨声Lofi,为设计提供完美背景音。

精选神器

AD
阿里云

阿里云

爆款云服务器特惠抢购

腾讯云

腾讯云

云产品特惠 性价比首选

腾讯元宝

腾讯元宝

免费DeepSeek AI助手

小绿鲸

小绿鲸

英文文献阅读 科研必备

ADVERTISEMENT