RGB 转 HEX 颜色转换器
将任何红、绿、蓝颜色值转换为网页就绪的 #RRGGBB 十六进制代码和 CSS rgb() 字符串。
#4287F5 · rgb(66, 135, 245)
#4287F5
color mixRed
14.8%
Green
30.3%
Blue
54.9%
这个计算器是如何工作的？
要将 RGB 转换为 HEX，将每个通道四舍五入并钳制到 0-255，然后将每个通道写为两位十六进制对并在 '#' 后连接。例如 rgb(66, 135, 245) 变为 #4287F5。相同的通道也构成 CSS 字符串 rgb(66, 135, 245)，描述相同的颜色。
公式
How this is calculated
每个颜色通道——红、绿、蓝——是一个范围从 0 到 255 的 8 位值。输入三个通道值；任何输入都会四舍五入到最近的整数并钳制到 0..255 范围，以便超出范围的数字保持有效。
要构建十六进制代码，每个通道从十进制转换为十六进制（base-16）。一个字节（0-255）恰好映射到两个十六进制数字，因此当需要时每个值都会用前导零填充（例如 5 变为 '05'）。三个两位对在前导 '#' 后串联并大写，生成 CSS 和设计工具中使用的标准 #RRGGBB 格式。
CSS rgb() 字符串只是将相同的钳制整数通道列为 rgb(R, G, B)。两种表示法描述相同的颜色：#FFFFFF 等于 rgb(255, 255, 255)（白色），#000000 等于 rgb(0, 0, 0)（黑色）。圆环图显示每个通道在混合中的相对权重。
常见问题
标准 RGB 每个通道使用 8 位，为红、绿、蓝提供 256 个可能的级别（0-255）。低于 0 或高于 255 的值将被钳制到该范围。
0 到 255 的值适合一个字节，恰好是两个十六进制数字（00 到 FF）。较小的数字用零填充，因此结果始终为六位数字。
是的。它们是同一颜色的两种表示法。十六进制形式简洁，而 rgb() 更易读；两者都是有效的 CSS 颜色值。
也称为
TG we-Calculate Editorial Team. (2026). RGB 转 HEX 颜色转换器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh/calculator/rgb-to-hex-color-converter
TG we-Calculate Editorial Team. "RGB 转 HEX 颜色转换器." TG we-Calculate. 2026. https://we-calculate.com/zh/calculator/rgb-to-hex-color-converter.
TG we-Calculate Editorial Team, "RGB 转 HEX 颜色转换器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh/calculator/rgb-to-hex-color-converter
@misc{wecalculate_rgb_to_hex_color_converter, title = {RGB 转 HEX 颜色转换器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh/calculator/rgb-to-hex-color-converter}}, year = {2026}, note = {TG we-Calculate} }
这个计算器对您有帮助吗？