现在是优惠期 我们的 API 已扩展

新的应用程序接口 V3.0: 以特价获取我们的 API。立即访问。使用更详细的色彩转换结果--非常适合网络项目、插件、内部工具或 SaaS 应用程序。有效期为 2025-10-21 至 2025-11-21 (23:59 CET)(含 PLACEHOLDER_3

API 套餐和价格 X

关于 RGBA 颜色

RGBA 色彩空间

简介

RGBA 色彩空间在传统的RGB 系统基础上增加了第四个值——Alpha 通道。它表示颜色的透明度(不透明度),可将半透明的颜色叠加在其他图层之上,从而在数字设计中产生层次感、动态效果和现代流畅的外观。

RGBA 代表 红 (Red)绿 (Green)蓝 (Blue)Alpha (透明度)。三个颜色值范围为 0 至 255,而 Alpha 值是 0 到 1 之间的小数(例如 0 = 完全透明,1 = 不透明)。因此理论上可生成无限多的 RGBA 颜色。

示例:rgba(255, 0, 0, 0.5) 表示具有 50% 不透明度的半透明红色,非常适合用于阴影、叠加层或界面设计中的细微高亮。

用途

RGBA 色彩系统是现代网页与应用设计的核心组成部分。它用于创建带有透明效果的图层、背景或文字叠加层,使设计师能够实现柔和过渡、阴影或响应式悬停效果,而无需额外图像。

在 CSS、SVG 或 Canvas 图形中,RGBA 提供对颜色强度与透明度的精确控制。特别是在结合 CSS 变量暗色模式主题动画渐变时,RGBA 是不可或缺的。

知识点

网页中的透明颜色通过 Alpha 通道计算:可见颜色由 RGBA 值与下层图像混合生成,这称为Alpha 混合 (Alpha Blending)合成 (Compositing)。Alpha 值越小,背景透显越明显。

RGBA 完全兼容现代 Web 标准,如 CSS3、HTML5 Canvas 和现代图形 API。与静态的十六进制颜色 (#FF0000) 不同,RGBA 颜色可动态计算、动画化并在 JavaScript 中使用。

提示:在将 RGBA 转换为 CMYK 时,透明度信息会丢失,因为印刷油墨不包含不透明参数。在印刷中,透明效果通过图层蒙版或局部光油模拟。

设计师与开发者提示

  • 使用系统颜色:通过 RGBA 值扩展设计系统,例如用于文字层级或模态窗口的半透明叠加层。
  • 避免过度透明:过多的半透明层可能降低可读性。背景叠加层的理想 Alpha 值通常为 0.7 至 0.9
  • 用于对比调整:通过透明度调整文字和阴影颜色,以确保在浅色或深色背景上的可读性。
  • 尝试图层效果:透明渐变或玻璃拟态(Glassmorphism)效果通常通过多个不同 Alpha 值的 RGBA 图层实现。
  • 结合 qConv 工具:可为任意 RGB 或 HEX 值添加 Alpha 通道,自动生成配色方案,或将 RGBA 转换为 CMYK。

示例

白色 – 100% 不透明
RGBA 255 255 255 1

蓝色 – 100% 不透明
RGBA 0 0 255 1

红色 – 100% 不透明
RGBA 255 0 0 1

绿色 – 100% 不透明
RGBA 0 255 0 1

灰色 – 100% 不透明
RGBA 128 128 128 1

黄色 – 100% 不透明
RGBA 255 255 0 1

透明示例

蓝色 – 10% 不透明
RGBA 0 0 255 0.1

蓝色 – 30% 不透明
RGBA 0 0 255 0.3

蓝色 – 50% 不透明
RGBA 0 0 255 0.5

蓝色 – 70% 不透明
RGBA 0 0 255 0.7

蓝色 – 90% 不透明
RGBA 0 0 255 0.9

提示

每个设备显示的颜色不同。请注意,颜色并不总是 100% 匹配。在处理真实颜色时可能会出现差异。我们建议比较实际颜色。我们不承担任何责任。

显示选项

RGBA-颜色表

显示所有 CSS 颜色名称

此处显示的并非全部 1 600 万种颜色。列表以 10 种颜色为单位显示。

1
2
3
4
5
6
7
8
9
10
11
显示所有 CSS 颜色名称

验证您作为制造商的调色板!

为设计师和代理商提供精确的色值。

我们走

显示屏

服务

颜色

灰度 于 六角

转换自 RGB 红绿蓝 至 #RRGGBB

灰度 于 CMYK

转换自 RGB 红绿蓝 至 CMYK 青色/洋红/黄色/阶调

Icons

灰度 于 额定功率®

转换自 RGB 红绿蓝 至 RAL® 编号(RAL 0000)

灰度 于 HKS®

转换自 RGB 红绿蓝 至 HKS® 编号 (HKS 00)

灰度 于 泛美®

转换自 RGB 红绿蓝 至 Pantone® 数字(Pantone 0000)

灰度 于 谢尔温-威廉姆斯®

转换自 RGB 红绿蓝 至 Sherwin Williams® 编号 (SW 0000)

灰度 于 NCS®

转换自 RGB 红绿蓝 至 NCS 编号(S0000-X00X)

nsc-logo

RGBA 于 六角

转换自 RGBA 红绿蓝透明度 至 #RRGGBB

RGBA 于 CMYK

转换自 RGBA 红绿蓝透明度 至 CMYK 青色/洋红/黄色/阶调

Icons

RGBA 于 额定功率®

转换自 RGBA 红绿蓝透明度 至 RAL® 编号(RAL 0000)

RGBA 于 HKS®

转换自 RGBA 红绿蓝透明度 至 HKS® 编号 (HKS 00)

RGBA 于 泛美®

转换自 RGBA 红绿蓝透明度 至 Pantone® 数字(Pantone 0000)

RGBA 于 谢尔温-威廉姆斯®

转换自 RGBA 红绿蓝透明度 至 Sherwin Williams® 编号 (SW 0000)

RGBA 于 NCS®

转换自 RGBA 红绿蓝透明度 至 NCS 编号(S0000-X00X)

nsc-logo

CMYK 于 六角

转换自 CMYK 青色/洋红/黄色/阶调 至 #RRGGBB

CMYK 于 灰度

转换自 CMYK 青色/洋红/黄色/阶调 至 RGB 红绿蓝

CMYK 于 RGBA

转换自 CMYK 青色/洋红/黄色/阶调 至 RGBA 红绿蓝透明度

CMYK 于 额定功率®

转换自 CMYK 青色/洋红/黄色/阶调 至 RAL® 编号(RAL 0000)

CMYK 于 HKS®

转换自 CMYK 青色/洋红/黄色/阶调 至 HKS® 编号 (HKS 00)

CMYK 于 泛美®

转换自 CMYK 青色/洋红/黄色/阶调 至 Pantone® 数字(Pantone 0000)

CMYK 于 谢尔温-威廉姆斯®

转换自 CMYK 青色/洋红/黄色/阶调 至 Sherwin Williams® 编号 (SW 0000)

CMYK 于 NCS®

转换自 CMYK 青色/洋红/黄色/阶调 至 NCS 编号(S0000-X00X)

nsc-logo

六角 于 灰度

转换自 #RRGGBB 至 RGB 红绿蓝

六角 于 RGBA

转换自 #RRGGBB 至 RGBA 红绿蓝透明度

六角 于 CMYK

转换自 #RRGGBB 至 CMYK 青色/洋红/黄色/阶调

Icons

六角 于 额定功率®

转换自 #RRGGBB 至 RAL® 编号(RAL 0000)

六角 于 HKS®

转换自 #RRGGBB 至 HKS® 编号 (HKS 00)

六角 于 泛美®

转换自 #RRGGBB 至 Pantone® 数字(Pantone 0000)

六角 于 谢尔温-威廉姆斯®

转换自 #RRGGBB 至 Sherwin Williams® 编号 (SW 0000)

六角 于 NCS®

转换自 #RRGGBB 至 NCS 编号(S0000-X00X)

nsc-logo

额定功率® 于 灰度

转换自 RAL® 编号(RAL 0000) 至 RGB 红绿蓝

额定功率® 于 RGBA

转换自 RAL® 编号(RAL 0000) 至 RGBA 红绿蓝透明度

额定功率® 于 CMYK

转换自 RAL® 编号(RAL 0000) 至 CMYK 青色/洋红/黄色/阶调

Icons

额定功率® 于 六角

转换自 RAL® 编号(RAL 0000) 至 #RRGGBB

额定功率® 于 HKS®

转换自 RAL® 编号(RAL 0000) 至 HKS® 编号 (HKS 00)

额定功率® 于 泛美®

转换自 RAL® 编号(RAL 0000) 至 Pantone® 数字(Pantone 0000)

额定功率® 于 谢尔温-威廉姆斯®

转换自 RAL® 编号(RAL 0000) 至 Sherwin Williams® 编号 (SW 0000)

额定功率® 于 NCS®

转换自 RAL® 编号(RAL 0000) 至 NCS 编号(S0000-X00X)

nsc-logo

HKS® 于 灰度

转换自 HKS® 编号 (HKS 00) 至 RGB 红绿蓝

HKS® 于 RGBA

转换自 HKS® 编号 (HKS 00) 至 RGBA 红绿蓝透明度

HKS® 于 CMYK

转换自 HKS® 编号 (HKS 00) 至 CMYK 青色/洋红/黄色/阶调

Icons

HKS® 于 六角

转换自 HKS® 编号 (HKS 00) 至 #RRGGBB

HKS® 于 额定功率®

转换自 HKS® 编号 (HKS 00) 至 RAL® 编号(RAL 0000)

HKS® 于 泛美®

转换自 HKS® 编号 (HKS 00) 至 Pantone® 数字(Pantone 0000)

HKS® 于 谢尔温-威廉姆斯®

转换自 HKS® 编号 (HKS 00) 至 Sherwin Williams® 编号 (SW 0000)

HKS® 于 NCS®

转换自 HKS® 编号 (HKS 00) 至 NCS 编号(S0000-X00X)

nsc-logo

泛美® 于 灰度

转换自 Pantone® 数字(Pantone 0000) 至 RGB 红绿蓝

泛美® 于 RGBA

转换自 Pantone® 数字(Pantone 0000) 至 RGBA 红绿蓝透明度

泛美® 于 CMYK

转换自 Pantone® 数字(Pantone 0000) 至 CMYK 青色/洋红/黄色/阶调

Icons

泛美® 于 六角

转换自 Pantone® 数字(Pantone 0000) 至 #RRGGBB

泛美® 于 额定功率®

转换自 Pantone® 数字(Pantone 0000) 至 RAL® 编号(RAL 0000)

泛美® 于 HKS®

转换自 Pantone® 数字(Pantone 0000) 至 HKS® 编号 (HKS 00)

泛美® 于 谢尔温-威廉姆斯®

转换自 Pantone® 数字(Pantone 0000) 至 Sherwin Williams® 编号 (SW 0000)

泛美® 于 NCS®

转换自 Pantone® 数字(Pantone 0000) 至 NCS 编号(S0000-X00X)

nsc-logo

谢尔温-威廉姆斯® 于 灰度

转换自 Sherwin Williams® 编号 (SW 0000) 至 RGB 红绿蓝

谢尔温-威廉姆斯® 于 RGBA

转换自 Sherwin Williams® 编号 (SW 0000) 至 RGBA 红绿蓝透明度

谢尔温-威廉姆斯® 于 CMYK

转换自 Sherwin Williams® 编号 (SW 0000) 至 CMYK 青色/洋红/黄色/阶调

Icons

谢尔温-威廉姆斯® 于 六角

转换自 Sherwin Williams® 编号 (SW 0000) 至 #RRGGBB

谢尔温-威廉姆斯® 于 额定功率®

转换自 Sherwin Williams® 编号 (SW 0000) 至 RAL® 编号(RAL 0000)

要保存调色板,需要进行注册。

登录您的账户

创建账户

分享当前的调色板
是公开的还是私人的?
分享后会有链接。

取消 分享

共享调色板
请复制并保存所需的链接。

分享

好的,我复制了链接

您的颜色会保存在一个新的调色板中。
在您的个人档案中查看它们。
您可以进一步自定义并共享它们。

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

点击 可以创建调色板并下载 色板。