0

编码结果

RGB 颜色 (十六进制)
表示法
RGB 颜色
色彩空间
标记法

关于 RGB 颜色

RGB 颜色是通过组合红、绿、蓝三种光的成分来表示颜色的颜色模型。它广泛用于显示器、网页、图像数据等屏幕上的颜色表示。

在 RGB 中，各成分的强度用数值指定。通常使用 0 到 255 的整数，或 0% 到 100% 的百分比表示。所有成分为 0 时为黑色，所有成分为最大值时为白色。

颜色RGB 表示十六进制表示
红色rgb(255 0 0)#ff0000
绿色rgb(0 128 0)#008000
蓝色rgb(0 0 255)#0000ff
白色rgb(255 255 255)#ffffff
黑色rgb(0 0 0)#000000

RGB 颜色有函数形式和十六进制形式。例如，红色可以表示为 rgb(255 0 0)、rgb(100% 0% 0%)、#ff0000、#f00。

要包含透明度，请添加 Alpha 值。例如，半透明红色可以表示为 rgb(255 0 0 / 50%) 或 #ff000080。

DenCode 的 RGB 颜色转换支持以下表示选项。

RGB 颜色（十六进制）
表示选项格式示例
#RRGGBB(AA)#RRGGBB
#RRGGBBAA		#ff0000
#ff000080
0xAARRGGBB0xAARRGGBB0xffff0000
0x80ff0000
RGB 颜色
表示选项格式示例
数值rgb(R G B)
rgb(R G B / A)		rgb(255 0 0)
rgb(255 0 0 / 0.5)
百分比rgb(R% G% B%)
rgb(R% G% B% / A)		rgb(100% 0% 0%)
rgb(100% 0% 0% / 0.5)

0xAARRGGBB 不是 CSS 的标准十六进制颜色表示，但它是有时用于程序或应用设置的 ARGB 格式。开头的 AA 表示 Alpha，后续的 RR、GG、BB 表示红、绿、蓝成分。

sRGB 和其他 RGB 色彩空间

RGB 是使用红、绿、蓝三个成分表示颜色的颜色模型。不过，即使 RGB 值相同，实际颜色也会因使用哪个色彩空间解释而不同。Web 中常见的 rgb() 和 #RRGGBB 通常作为 sRGB 色彩空间的颜色处理。

CSS Color Module Level 4 还定义了 Display P3、ProPhoto RGB 等与 sRGB 可表示颜色范围不同的 RGB 色彩空间。DenCode 也支持这些色彩空间的转换。

色彩空间格式示例特点
sRGBrgb(...)
color(srgb ...)		rgb(255 0 0)
color(srgb 1 0 0)		Web 和 CSS 中常见的 RGB 色彩空间。十六进制颜色代码和普通 rgb() 基本作为 sRGB 处理。color(srgb ...) 是 CSS Color Module Level 4 的格式。
Linear sRGBcolor(srgb-linear ...)color(srgb-linear 1 0 0)使用与 sRGB 相同色域，但以线性化成分值表示的色彩空间。用于颜色计算和合成。
Display P3color(display-p3 ...)color(display-p3 1 0 0)比 sRGB 色域更广的色彩空间，可能用于广色域显示器和移动设备。
Adobe RGB (1998)color(a98-rgb ...)color(a98-rgb 1 0 0)比 sRGB 色域更广，可能用于照片编辑和面向印刷的工作流程。
ProPhoto RGBcolor(prophoto-rgb ...)color(prophoto-rgb 1 0 0)可处理比 Adobe RGB 更广色域的 RGB 色彩空间，作为照片编辑的工作色彩空间使用。
Rec. 2020color(rec2020 ...)color(rec2020 1 0 0)具有非常广色域的 RGB 色彩空间，用于 UHDTV 和 HDR 视频标准。

使用广色域 RGB 色彩空间指定的颜色，可能无法在 sRGB 屏幕或普通十六进制颜色代码中准确表示。DenCode 转换为 #RRGGBB 或数值 rgb(R G B) 时，超出 sRGB 可表示范围的成分会按适合 0 到 255 范围的方式处理。另一方面，选择 color(display-p3 ...) 或 color(a98-rgb ...) 等色彩空间时，可以显示为所选色彩空间的成分值。