颜色格式转换器

HEX 与 RGB 颜色格式互转

本地运行
颜色格式转换器
#FF5733
复制 HEX
复制 RGB

颜色格式说明

前端开发中最常用的两种颜色表示方式:HEX 和 RGB。这个工具可以互相转换。

HEX 颜色

以 # 开头的十六进制颜色码,如 #FF5733。前两位是红色,中间两位是绿色,最后两位是蓝色。也支持三位简写形式 #F53。

RGB 颜色

用三个 0-255 的数值表示红、绿、蓝三通道的强度,如 rgb(255, 87, 51)。

常见用途

  • 从设计稿取色后转换格式
  • CSS 样式编写时快速换算
  • 调试颜色值

使用说明

在任一格式输入框中填写颜色值,其他格式会实时同步显示结果, 同时附带透明度预览,方便核对偏色。HEX 与 RGB 只是同一种颜色的两种写法, 换算时只需把每两位十六进制数分别转为十进制的红绿蓝分量即可。