Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS 梯度:
RGBA 53 86 153 0.78

信息

全部关闭



查找线性和径向色彩过渡的示例。

网页设计简单:复制 CSS 代码,即可轻松集成到网站上。



从 浅色 中找到线性和径向色彩过渡的示例。

网页设计简单:复制 CSS 代码,即可轻松集成到您的网站上。



从 深色 中查找线性和径向色彩过渡的示例。

方便网页设计:复制 CSS 代码,轻松集成到您的网站。

显示选项

说明

深色:低色值显得更深。

RGB 色彩系统中的色彩细分:在这一色调中,在 255 个最大色彩成分中,每个 53 红色 86 绿色和 153 这些颜色的混合比例产生了重叠中间显示的色调。

在插图中,您可以看到颜色是如何由红色(顶部)、绿色(右下角)和蓝色(左下角)三部分组成的。由此产生的颜色可以在中间看到。
53 86 153 R G B
在 CMYK 颜色系统中,颜色的构成如下:在这种色调中,在 100 个最大颜色成分中 51 赛恩 34 品红色 无 黄色和 31 这些颜色的混合比例产生了重叠中间显示的色调。

在插图中,您可以看到颜色是如何由青色(左上角)、洋红色(右上角)、黄色(右下角)和黑色或关键色(左下角)四种成分组成的。由此产生的颜色可以在中间看到。
51% 34% 0% 31% C M Y K

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

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

我们走

线性

HEX #355699C6 至 HEX #CAA966C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 1%, #CAA966C6 97%);

径向

HEX #355699C6 至 HEX #CAA966C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 10%, #CAA966C6 93%);

 

HEX #CAA966C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #CAA966C6 5%, #355699C6 98%);

 

HEX #CAA966C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #CAA966C6 5%, #355699C6 96%);

线性

HEX #355699C6 至 HEX #347098C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 1%, #347098C6 86%);

径向

HEX #355699C6 至 HEX #347098C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 0%, #347098C6 90%);

 

HEX #347098C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #347098C6 4%, #355699C6 88%);

 

HEX #347098C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #347098C6 7%, #355699C6 98%);

 

HEX #355699C6 至 HEX #345598C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 14%, #345598C6 94%);

 

HEX #355699C6 至 HEX #345598C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 12%, #345598C6 88%);

 

HEX #345598C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #345598C6 9%, #355699C6 100%);

 

HEX #345598C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #345598C6 13%, #355699C6 100%);

 

HEX #355699C6 至 HEX #343B98C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 3%, #343B98C6 89%);

 

HEX #355699C6 至 HEX #343B98C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 14%, #343B98C6 97%);

 

HEX #343B98C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #343B98C6 6%, #355699C6 90%);

 

HEX #343B98C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #343B98C6 6%, #355699C6 90%);

 

HEX #355699C6 至 HEX #483498C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 0%, #483498C6 93%);

 

HEX #355699C6 至 HEX #483498C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 4%, #483498C6 93%);

 

HEX #483498C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #483498C6 11%, #355699C6 100%);

 

HEX #483498C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #483498C6 13%, #355699C6 98%);

线性

HEX #355699C6 至 HEX #294479


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 7%, #294479 89%);

径向

HEX #355699C6 至 HEX #294479


CSS 代码:

background-image: radial-gradient(circle, #355699C6 6%, #294479 87%);

 

HEX #294479 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #294479 9%, #355699C6 90%);

 

HEX #294479 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #294479 10%, #355699C6 100%);

 

HEX #355699C6 至 HEX #345598


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 13%, #345598 91%);

 

HEX #355699C6 至 HEX #345598


CSS 代码:

background-image: radial-gradient(circle, #355699C6 7%, #345598 91%);

 

HEX #345598 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #345598 10%, #355699C6 86%);

 

HEX #345598 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #345598 0%, #355699C6 100%);

 

HEX #355699C6 至 HEX #3F66B7


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 12%, #3F66B7 99%);

 

HEX #355699C6 至 HEX #3F66B7


CSS 代码:

background-image: radial-gradient(circle, #355699C6 4%, #3F66B7 97%);

 

HEX #3F66B7 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #3F66B7 8%, #355699C6 97%);

 

HEX #3F66B7 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #3F66B7 14%, #355699C6 97%);

 

HEX #355699C6 至 HEX #597DC6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 1%, #597DC6 90%);

 

HEX #355699C6 至 HEX #597DC6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 14%, #597DC6 94%);

 

HEX #597DC6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #597DC6 7%, #355699C6 99%);

 

HEX #597DC6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #597DC6 9%, #355699C6 97%);

线性

HEX #355699C6 至 HEX #347098C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 13%, #347098C6 98%);

径向

HEX #355699C6 至 HEX #347098C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 14%, #347098C6 100%);

 

HEX #347098C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #347098C6 4%, #355699C6 86%);

 

HEX #347098C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #347098C6 3%, #355699C6 89%);

 

HEX #355699C6 至 HEX #345598C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 7%, #345598C6 93%);

 

HEX #355699C6 至 HEX #345598C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 3%, #345598C6 99%);

 

HEX #345598C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #345598C6 11%, #355699C6 96%);

 

HEX #345598C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #345598C6 6%, #355699C6 93%);

 

HEX #355699C6 至 HEX #343B98C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 13%, #343B98C6 92%);

 

HEX #355699C6 至 HEX #343B98C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 0%, #343B98C6 100%);

 

HEX #343B98C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #343B98C6 8%, #355699C6 97%);

 

HEX #343B98C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #343B98C6 8%, #355699C6 88%);

 

HEX #355699C6 至 HEX #483498C6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 10%, #483498C6 88%);

 

HEX #355699C6 至 HEX #483498C6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 1%, #483498C6 89%);

 

HEX #483498C6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #483498C6 4%, #355699C6 92%);

 

HEX #483498C6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #483498C6 12%, #355699C6 98%);

线性

HEX #355699C6 至 HEX #294479


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 5%, #294479 92%);

径向

HEX #355699C6 至 HEX #294479


CSS 代码:

background-image: radial-gradient(circle, #355699C6 7%, #294479 94%);

 

HEX #294479 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #294479 9%, #355699C6 88%);

 

HEX #294479 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #294479 2%, #355699C6 92%);

 

HEX #355699C6 至 HEX #345598


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 13%, #345598 95%);

 

HEX #355699C6 至 HEX #345598


CSS 代码:

background-image: radial-gradient(circle, #355699C6 8%, #345598 92%);

 

HEX #345598 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #345598 5%, #355699C6 89%);

 

HEX #345598 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #345598 14%, #355699C6 91%);

 

HEX #355699C6 至 HEX #3F66B7


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 3%, #3F66B7 97%);

 

HEX #355699C6 至 HEX #3F66B7


CSS 代码:

background-image: radial-gradient(circle, #355699C6 7%, #3F66B7 98%);

 

HEX #3F66B7 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #3F66B7 13%, #355699C6 97%);

 

HEX #3F66B7 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #3F66B7 6%, #355699C6 100%);

 

HEX #355699C6 至 HEX #597DC6


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 4%, #597DC6 89%);

 

HEX #355699C6 至 HEX #597DC6


CSS 代码:

background-image: radial-gradient(circle, #355699C6 1%, #597DC6 90%);

 

HEX #597DC6 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #597DC6 9%, #355699C6 91%);

 

HEX #597DC6 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #597DC6 11%, #355699C6 91%);

线性

HEX #355699C6 至 HEX #8B3498


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 6%, #8B3498 96%);

径向

HEX #355699C6 至 HEX #8B3498


CSS 代码:

background-image: radial-gradient(circle, #355699C6 6%, #8B3498 88%);

 

HEX #8B3498 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #8B3498 5%, #355699C6 90%);

 

HEX #8B3498 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #8B3498 7%, #355699C6 92%);

 

HEX #355699C6 至 HEX #7D9834


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 8%, #7D9834 88%);

 

HEX #355699C6 至 HEX #7D9834


CSS 代码:

background-image: radial-gradient(circle, #355699C6 3%, #7D9834 88%);

 

HEX #7D9834 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #7D9834 4%, #355699C6 94%);

 

HEX #7D9834 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #7D9834 11%, #355699C6 88%);

线性

HEX #355699C6 至 HEX #983455


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 3%, #983455 92%);

径向

HEX #355699C6 至 HEX #983455


CSS 代码:

background-image: radial-gradient(circle, #355699C6 0%, #983455 96%);

 

HEX #983455 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #983455 12%, #355699C6 100%);

 

HEX #983455 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #983455 2%, #355699C6 99%);

 

HEX #355699C6 至 HEX #559834


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 9%, #559834 97%);

 

HEX #355699C6 至 HEX #559834


CSS 代码:

background-image: radial-gradient(circle, #355699C6 12%, #559834 93%);

 

HEX #559834 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #559834 6%, #355699C6 94%);

 

HEX #559834 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #559834 8%, #355699C6 92%);

线性

HEX #355699C6 至 HEX #8B3498


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 5%, #8B3498 98%);

径向

HEX #355699C6 至 HEX #8B3498


CSS 代码:

background-image: radial-gradient(circle, #355699C6 0%, #8B3498 92%);

 

HEX #8B3498 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #8B3498 13%, #355699C6 90%);

 

HEX #8B3498 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #8B3498 13%, #355699C6 92%);

 

HEX #355699C6 至 HEX #987734


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 11%, #987734 91%);

 

HEX #355699C6 至 HEX #987734


CSS 代码:

background-image: radial-gradient(circle, #355699C6 13%, #987734 90%);

 

HEX #987734 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #987734 4%, #355699C6 97%);

 

HEX #987734 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #987734 2%, #355699C6 99%);

 

HEX #355699C6 至 HEX #419834


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 11%, #419834 100%);

 

HEX #355699C6 至 HEX #419834


CSS 代码:

background-image: radial-gradient(circle, #355699C6 7%, #419834 92%);

 

HEX #419834 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #419834 5%, #355699C6 99%);

 

HEX #419834 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #419834 5%, #355699C6 97%);

线性

HEX #355699C6 至 HEX #983487


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 0%, #983487 88%);

径向

HEX #355699C6 至 HEX #983487


CSS 代码:

background-image: radial-gradient(circle, #355699C6 11%, #983487 88%);

 

HEX #983487 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #983487 11%, #355699C6 88%);

 

HEX #983487 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #983487 5%, #355699C6 86%);

 

HEX #355699C6 至 HEX #987734


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 3%, #987734 87%);

 

HEX #355699C6 至 HEX #987734


CSS 代码:

background-image: radial-gradient(circle, #355699C6 9%, #987734 88%);

 

HEX #987734 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #987734 4%, #355699C6 89%);

 

HEX #987734 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #987734 1%, #355699C6 87%);

 

HEX #355699C6 至 HEX #349845


CSS 代码:

background-image: linear-gradient(135deg, #355699C6 12%, #349845 94%);

 

HEX #355699C6 至 HEX #349845


CSS 代码:

background-image: radial-gradient(circle, #355699C6 3%, #349845 96%);

 

HEX #349845 至 HEX #355699C6


CSS 代码:

background-image: linear-gradient(135deg, #349845 0%, #355699C6 94%);

 

HEX #349845 至 HEX #355699C6


CSS 代码:

background-image: radial-gradient(circle, #349845 5%, #355699C6 87%);

显示更多调色板

服务

颜色

灰度 于 六角

转换自 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)

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

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

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

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

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

转换自 Sherwin Williams® 编号 (SW 0000) 至 NCS 编号(S0000-X00X)

nsc-logo

NCS® 于 灰度

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

NCS® 于 RGBA

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

NCS® 于 CMYK

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

Icons

NCS® 于 六角

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

NCS® 于 额定功率®

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

NCS® 于 HKS®

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

NCS® 于 泛美®

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

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

访客可以在颜色收集器中组合并下载颜色。免费激活 qConv Start 后,即可长期保存调色板并管理每个调色板中的颜色。

登录您的账户

或

创建账户

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

取消 分享

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

分享

好的,我复制了链接

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

显示调色板
关闭

创建调色板

下载以各种格式下载

全部删除

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

Gastzugang

Gastzugang

访客访问——尚未创建 qConv Start 个人资料 基础功能可在访客额度内使用。 免费创建账户后会激活 qConv Start。之后您可以将调色板和图片长期保存在个人资料中。
保存调色板:需要免费个人资料访客颜色收集器最多可添加 5 种颜色