HEX 转 RGB 颜色转换器
将任何十六进制颜色代码转换为其红、绿、蓝通道值和可直接粘贴的 CSS rgb() 字符串。
- 1
Red channel
3 × 16 + 11 = 59 - 2
Green channel
8 × 16 + 2 = 130 - 3
Blue channel
15 × 16 + 6 = 246Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
这个计算器是如何工作的？
十六进制颜色通过去掉 '#'、将 3 位简写扩展为 6 位，然后将每对十六进制数字读为 0 到 255 的十进制整数来转换为 RGB，分别对应红、绿、蓝通道。这三个值构成直接用于样式表的 CSS 字符串 rgb(R, G, B)。
公式
How this is calculated
以 6 位代码（#RRGGBB）或 3 位简写（#RGB）输入十六进制颜色。转换器首先去掉前导 '#'。如果只提供了三位数字，则每个数字翻倍，因此 #abc 扩展为 #aabbcc——这使简写和完整形式在视觉上保持一致。
然后将六个十六进制数字分成三对。每对是一个十六进制（base-16）数字，解析为 0 到 255 之间的十进制整数：R 来自第一对，G 来自第二对，B 来自第三对。因为两个十六进制数字范围从 00 到 FF，每个通道整齐地映射到 CSS 和大多数显示系统使用的 0-255 范围。
三个通道值组合成形式为 rgb(R, G, B) 的 CSS 字符串。输入被验证为仅包含字符 0-9 和 a-f（不区分大小写），并且在去掉 '#' 后恰好为 3 或 6 位数字；其他任何内容都会被拒绝，以确保不会获得半解析的颜色。
常见问题
它们描述相同的色彩空间。3 位简写只是重复每个数字，因此 #f0c 与 #ff00cc 相同。只有当每个通道使用重复数字时才使用简写。
不区分。十六进制数字 A-F 和 a-f 代表相同的值，因此 #FF8800 和 #ff8800 都转换为相同的 rgb(255, 136, 0)。
两个十六进制数字跨越 00 到 FF，在十进制中等于 0 到 255。该 8 位范围是屏幕上每个颜色通道的标准精度。
也称为
TG we-Calculate Editorial Team. (2026). HEX 转 RGB 颜色转换器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh/calculator/hex-to-rgb-color-converter
TG we-Calculate Editorial Team. "HEX 转 RGB 颜色转换器." TG we-Calculate. 2026. https://we-calculate.com/zh/calculator/hex-to-rgb-color-converter.
TG we-Calculate Editorial Team, "HEX 转 RGB 颜色转换器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh/calculator/hex-to-rgb-color-converter
@misc{wecalculate_hex_to_rgb_color_converter, title = {HEX 转 RGB 颜色转换器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }
这个计算器对您有帮助吗？