如何把RGB转换为HEX
即时把RGB颜色代码转换为HEX。输入 HEX 或 RGB 值,或拖动滑块,所有格式同时更新,并提供颜色预览、换算公式和常用颜色表。
- 在上方对应的输入框中输入或粘贴RGB值,例如 rgb(59, 130, 246)。
- HEX值立即更新:rgb(59, 130, 246) 即 #3B82F6。其他格式和颜色预览也会一起更新。
- 把HEX值复制到你的 CSS、设计工具或代码中。
RGB转HEX的公式
把 RGB 的每个通道(0–255)转换为两位十六进制数,按红、绿、蓝的顺序写在 # 后面:
rgb(59, 130, 246) → #3B82F6
常用颜色的RGB和HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
什么是RGB和HEX
RGB 用 0 到 255 的数字表示红、绿、蓝三个通道,例如 rgb(59, 130, 246)。屏幕就是按这种方式混合光线的。
HEX 颜色是 # 加六位十六进制数:红、绿、蓝各两位,从 00(无)到 FF(满)。这是 CSS 和设计工具中最常用的颜色写法。
常见问题
转换会改变颜色吗?
HEX、RGB 和 HSL 描述的是同样的屏幕颜色,相互转换是精确的(HSL 会取整)。CMYK 用于印刷,印出的效果取决于打印机的色彩配置文件,所以由屏幕颜色算出的 CMYK 只能作为参考起点。
结果可以直接用在 CSS 里吗?
可以。CSS 直接支持 hex(#3B82F6)、rgb(59, 130, 246) 和 hsl(217, 91%, 60%)。CMYK 不是 CSS 格式,用于印刷和设计软件。
透明度怎么办?
加上 alpha 值:CSS 中可用 8 位 hex(#3B82F680)或 rgba()/hsla()。转换器按不透明颜色计算,alpha 值在各格式中保持不变。
这个工具免费吗?
是的,完全免费。无需注册或电子邮箱。结果直接显示在本页。
如何获取结果?
在此页面使用工具即可查看结果,无需通过电子邮件接收。