颜色转换
RGB 转 HEX 在线转换器
输入 RGB 数值即可实时生成对应的 16 进制颜色值、CSS 写法和颜色预览，适合网页开发、设计协作和样式调试。
实时转换
RGB 三个通道范围为 0-255，系统会自动生成对应的 16 进制颜色值和 CSS 写法。
- HEX
- #FF6347
- RGB
- 255, 99, 71
- CSS 文字色
- color: #FF6347;
- CSS 背景色
- background-color: #FF6347;
转换规则
HEX 是将 RGB 的三个十进制通道转换成两位十六进制后拼接而成。
例如 `RGB(255, 99, 71)` 会转换为 `#FF6347`。
计算过程是把 `255`、`99`、`71` 分别转换成 `FF`、`63`、`47`，再按 `#RRGGBB` 的形式拼接。
常见使用场景
颜色转换常用于开发、设计协作和样式调试。
- 把设计稿标注的 RGB 颜色转成 CSS 代码。
- 核对 Figma、Sketch、PS 与前端代码的颜色值。
- 整理品牌色、主题色和状态色规范。
常见颜色对照表
常见颜色值和使用备注可以帮助你更快完成配色选择与样式核对。
颜色名HEXRGB备注
珊瑚橘#ff7f50255, 127, 80活跃、醒目，适合按钮强调色。
番茄红#ff6347255, 99, 71常见于营销页 CTA 和状态提示。
海盐蓝#1e88e530, 136, 229适合信息类和 SaaS 风格页面。
森林绿#2e7d3246, 125, 50常用于成功反馈与自然主题。
芥末黄#d4a017212, 160, 23适合点缀和强调，不适合作大面积正文背景。
葡萄灰#6d6875109, 104, 117适合中性色辅助块和信息面板。
象牙白#f7f3ea247, 243, 234适合作为大面积背景，降低刺眼感。
墨夜蓝#1f293731, 41, 55适合作为正文、标题和深色背景。
相关工具
你还可以继续使用其他已经可用的颜色转换工具。