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

CSS 梯度:
#ECC20D

信息

全部关闭



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

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



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

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



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

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

显示选项

说明

红色和绿色明显主导了这种色调:红色和绿色的数值高于蓝色。 明亮的色彩:高色值给人明亮的印象。

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

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

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

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

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

我们走

线性

HEX #ECC20D 至 HEX #133DF2


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 10%, #133DF2 92%);

径向

HEX #ECC20D 至 HEX #133DF2


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 6%, #133DF2 100%);

 

HEX #133DF2 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #133DF2 13%, #ECC20D 100%);

 

HEX #133DF2 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #133DF2 1%, #ECC20D 90%);

线性

HEX #ECC20D 至 HEX #ED840C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 1%, #ED840C 100%);

径向

HEX #ECC20D 至 HEX #ED840C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 12%, #ED840C 86%);

 

HEX #ED840C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #ED840C 6%, #ECC20D 95%);

 

HEX #ED840C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #ED840C 9%, #ECC20D 98%);

 

HEX #ECC20D 至 HEX #EDC00C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 7%, #EDC00C 86%);

 

HEX #ECC20D 至 HEX #EDC00C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 10%, #EDC00C 86%);

 

HEX #EDC00C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #EDC00C 1%, #ECC20D 96%);

 

HEX #EDC00C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #EDC00C 2%, #ECC20D 91%);

 

HEX #ECC20D 至 HEX #DEED0C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 7%, #DEED0C 91%);

 

HEX #ECC20D 至 HEX #DEED0C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 8%, #DEED0C 91%);

 

HEX #DEED0C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #DEED0C 6%, #ECC20D 90%);

 

HEX #DEED0C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #DEED0C 1%, #ECC20D 89%);

 

HEX #ECC20D 至 HEX #A2ED0C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 14%, #A2ED0C 100%);

 

HEX #ECC20D 至 HEX #A2ED0C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 12%, #A2ED0C 93%);

 

HEX #A2ED0C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #A2ED0C 13%, #ECC20D 100%);

 

HEX #A2ED0C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #A2ED0C 10%, #ECC20D 97%);

线性

HEX #ECC20D 至 HEX #C6A30A


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 14%, #C6A30A 92%);

径向

HEX #ECC20D 至 HEX #C6A30A


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 3%, #C6A30A 96%);

 

HEX #C6A30A 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #C6A30A 1%, #ECC20D 88%);

 

HEX #C6A30A 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #C6A30A 13%, #ECC20D 90%);

 

HEX #ECC20D 至 HEX #EDC30C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 12%, #EDC30C 98%);

 

HEX #ECC20D 至 HEX #EDC30C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 5%, #EDC30C 86%);

 

HEX #EDC30C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #EDC30C 3%, #ECC20D 100%);

 

HEX #EDC30C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #EDC30C 9%, #ECC20D 86%);

 

HEX #ECC20D 至 HEX #F4CF2F


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 10%, #F4CF2F 99%);

 

HEX #ECC20D 至 HEX #F4CF2F


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 14%, #F4CF2F 96%);

 

HEX #F4CF2F 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #F4CF2F 9%, #ECC20D 95%);

 

HEX #F4CF2F 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #F4CF2F 2%, #ECC20D 99%);

 

HEX #ECC20D 至 HEX #F6D856


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 14%, #F6D856 99%);

 

HEX #ECC20D 至 HEX #F6D856


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 0%, #F6D856 96%);

 

HEX #F6D856 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #F6D856 11%, #ECC20D 91%);

 

HEX #F6D856 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #F6D856 1%, #ECC20D 96%);

线性

HEX #ECC20D 至 HEX #ED840C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 14%, #ED840C 90%);

径向

HEX #ECC20D 至 HEX #ED840C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 3%, #ED840C 89%);

 

HEX #ED840C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #ED840C 13%, #ECC20D 100%);

 

HEX #ED840C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #ED840C 11%, #ECC20D 97%);

 

HEX #ECC20D 至 HEX #EDC00C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 11%, #EDC00C 90%);

 

HEX #ECC20D 至 HEX #EDC00C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 6%, #EDC00C 89%);

 

HEX #EDC00C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #EDC00C 4%, #ECC20D 87%);

 

HEX #EDC00C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #EDC00C 1%, #ECC20D 91%);

 

HEX #ECC20D 至 HEX #DEED0C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 4%, #DEED0C 90%);

 

HEX #ECC20D 至 HEX #DEED0C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 2%, #DEED0C 89%);

 

HEX #DEED0C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #DEED0C 6%, #ECC20D 98%);

 

HEX #DEED0C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #DEED0C 11%, #ECC20D 86%);

 

HEX #ECC20D 至 HEX #A2ED0C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 6%, #A2ED0C 94%);

 

HEX #ECC20D 至 HEX #A2ED0C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 11%, #A2ED0C 89%);

 

HEX #A2ED0C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #A2ED0C 0%, #ECC20D 92%);

 

HEX #A2ED0C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #A2ED0C 1%, #ECC20D 98%);

线性

HEX #ECC20D 至 HEX #C6A30A


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 1%, #C6A30A 90%);

径向

HEX #ECC20D 至 HEX #C6A30A


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 14%, #C6A30A 97%);

 

HEX #C6A30A 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #C6A30A 7%, #ECC20D 100%);

 

HEX #C6A30A 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #C6A30A 9%, #ECC20D 92%);

 

HEX #ECC20D 至 HEX #EDC30C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 14%, #EDC30C 100%);

 

HEX #ECC20D 至 HEX #EDC30C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 14%, #EDC30C 99%);

 

HEX #EDC30C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #EDC30C 6%, #ECC20D 89%);

 

HEX #EDC30C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #EDC30C 0%, #ECC20D 98%);

 

HEX #ECC20D 至 HEX #F4CF2F


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 11%, #F4CF2F 100%);

 

HEX #ECC20D 至 HEX #F4CF2F


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 12%, #F4CF2F 99%);

 

HEX #F4CF2F 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #F4CF2F 9%, #ECC20D 93%);

 

HEX #F4CF2F 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #F4CF2F 0%, #ECC20D 96%);

 

HEX #ECC20D 至 HEX #F6D856


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 8%, #F6D856 91%);

 

HEX #ECC20D 至 HEX #F6D856


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 9%, #F6D856 95%);

 

HEX #F6D856 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #F6D856 10%, #ECC20D 86%);

 

HEX #F6D856 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #F6D856 13%, #ECC20D 95%);

线性

HEX #ECC20D 至 HEX #0CED0C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 2%, #0CED0C 91%);

径向

HEX #ECC20D 至 HEX #0CED0C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 8%, #0CED0C 96%);

 

HEX #0CED0C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #0CED0C 4%, #ECC20D 95%);

 

HEX #0CED0C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #0CED0C 10%, #ECC20D 93%);

 

HEX #ECC20D 至 HEX #660CED


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 0%, #660CED 91%);

 

HEX #ECC20D 至 HEX #660CED


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 10%, #660CED 92%);

 

HEX #660CED 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #660CED 10%, #ECC20D 88%);

 

HEX #660CED 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #660CED 6%, #ECC20D 88%);

线性

HEX #ECC20D 至 HEX #0CEDC0


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 3%, #0CEDC0 100%);

径向

HEX #ECC20D 至 HEX #0CEDC0


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 4%, #0CEDC0 100%);

 

HEX #0CEDC0 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #0CEDC0 5%, #ECC20D 91%);

 

HEX #0CEDC0 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #0CEDC0 0%, #ECC20D 100%);

 

HEX #ECC20D 至 HEX #C00CED


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 11%, #C00CED 91%);

 

HEX #ECC20D 至 HEX #C00CED


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 3%, #C00CED 94%);

 

HEX #C00CED 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #C00CED 8%, #ECC20D 90%);

 

HEX #C00CED 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #C00CED 13%, #ECC20D 91%);

线性

HEX #ECC20D 至 HEX #0CED0C


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 8%, #0CED0C 86%);

径向

HEX #ECC20D 至 HEX #0CED0C


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 1%, #0CED0C 96%);

 

HEX #0CED0C 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #0CED0C 5%, #ECC20D 100%);

 

HEX #0CED0C 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #0CED0C 7%, #ECC20D 89%);

 

HEX #ECC20D 至 HEX #0C39ED


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 11%, #0C39ED 88%);

 

HEX #ECC20D 至 HEX #0C39ED


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 9%, #0C39ED 88%);

 

HEX #0C39ED 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #0C39ED 5%, #ECC20D 91%);

 

HEX #0C39ED 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #0C39ED 6%, #ECC20D 86%);

 

HEX #ECC20D 至 HEX #ED0CED


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 9%, #ED0CED 98%);

 

HEX #ECC20D 至 HEX #ED0CED


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 13%, #ED0CED 92%);

 

HEX #ED0CED 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #ED0CED 14%, #ECC20D 98%);

 

HEX #ED0CED 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #ED0CED 2%, #ECC20D 94%);

线性

HEX #ECC20D 至 HEX #0CED50


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 0%, #0CED50 99%);

径向

HEX #ECC20D 至 HEX #0CED50


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 3%, #0CED50 97%);

 

HEX #0CED50 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #0CED50 7%, #ECC20D 91%);

 

HEX #0CED50 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #0CED50 6%, #ECC20D 99%);

 

HEX #ECC20D 至 HEX #0C39ED


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 5%, #0C39ED 99%);

 

HEX #ECC20D 至 HEX #0C39ED


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 12%, #0C39ED 94%);

 

HEX #0C39ED 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #0C39ED 10%, #ECC20D 100%);

 

HEX #0C39ED 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #0C39ED 11%, #ECC20D 98%);

 

HEX #ECC20D 至 HEX #ED0CAA


CSS 代码:

background-image: linear-gradient(135deg, #ECC20D 7%, #ED0CAA 97%);

 

HEX #ECC20D 至 HEX #ED0CAA


CSS 代码:

background-image: radial-gradient(circle, #ECC20D 13%, #ED0CAA 89%);

 

HEX #ED0CAA 至 HEX #ECC20D


CSS 代码:

background-image: linear-gradient(135deg, #ED0CAA 5%, #ECC20D 92%);

 

HEX #ED0CAA 至 HEX #ECC20D


CSS 代码:

background-image: radial-gradient(circle, #ED0CAA 3%, #ECC20D 97%);

显示更多调色板

服务

颜色

灰度 于 六角

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

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.