HEX 转 RGBA
把 HEX 代码转换为 rgba() 值,修改 Alpha 数值即可让颜色变为半透明。
文件始终保留在您的设备上完全免费
#FF3D72
hex 输入
结果 · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
使用方法: HEX 转 RGBA
- 1
输入颜色
输入颜色代码或使用取色器选择颜色,每个字段都接受其所显示的格式。
- 2
查看转换结果
结果会在您输入时即时更新,同时显示颜色的实时预览。
- 3
复制代码
一键复制所需的数值,并粘贴到您的设计、CSS 或印刷设置中。
关于 HEX 和 RGBA
RGBA 是在 RGB 的基础上增加了第四个分量 Alpha,用于设置不透明度,取值从 0(完全透明)到 1(完全不透明)。#6A5ACD 这样的标准六位 HEX 代码不包含透明度信息,所以转换器会返回 rgba(106, 90, 205, 1)——即完全不透明的同一颜色。
想让颜色变透明,只需修改最后一个数字:rgba(106, 90, 205, 0.5) 为半透明,0.15 则是淡淡的色调。这是在照片上制作遮罩、柔和阴影、悬停高亮和半透明背景的常用方法,无需另外定义一种更浅的颜色。与 opacity 属性不同,rgba() 中的 Alpha 只影响这一种颜色,所以半透明框中的文字依然清晰。
现代 CSS 也接受带 Alpha 的八位 HEX 代码,例如 #6A5ACD80,但 rgba() 更易读、更易改,而且在较旧的浏览器和邮件客户端中也能使用。
所有处理都在您的浏览器本地完成,您的图片绝不会上传到服务器。