PhotoRetrica

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. 1

    输入颜色

    输入颜色代码或使用取色器选择颜色,每个字段都接受其所显示的格式。

  2. 2

    查看转换结果

    结果会在您输入时即时更新,同时显示颜色的实时预览。

  3. 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() 更易读、更易改,而且在较旧的浏览器和邮件客户端中也能使用。

所有处理都在您的浏览器本地完成,您的图片绝不会上传到服务器。