RGB 转 HEX
把 0 到 255 的红、绿、蓝数值转换为可直接用于 CSS 和设计软件的 HEX 颜色代码。
文件始终保留在您的设备上完全免费
#FF3D72
rgb 输入
结果 · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使用方法: RGB 转 HEX
- 1
输入颜色
输入颜色代码或使用取色器选择颜色，每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新，同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值，并粘贴到您的设计、CSS 或印刷设置中。
关于 RGB 和 HEX
RGB 通过红、绿、蓝三个光通道的亮度来描述屏幕颜色，每个通道取值 0 到 255，例如 rgb(255, 61, 114)。HEX 则把这三个数字用十六进制写出，并连接在 # 号之后：255 变为 FF，61 变为 3D，114 变为 72，得到 #FF3D72。两种写法描述的是同一种颜色，因此转换是精确的。
图形编辑器和截图工具通常显示 RGB 值，而 HEX 是把颜色粘贴到 CSS、HTML、Figma 或品牌规范中最简洁的方式。输入三个通道的数值或在对话框中选择颜色，然后复制 HEX 结果；旁边还会显示 HSL、HSV 和 CMYK。小提示：如果 HEX 代码中每一组的两位数字都相同，比如 #FF3366，CSS 也接受三位简写形式 #F36。
所有处理都在您的浏览器本地完成，您的图片绝不会上传到服务器。