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

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

API 套餐和价格 X

CSS 梯度:
#014DDC

信息

全部关闭

双色渐变 - 互补色

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

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

双色渐变 - 浅色

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

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

双色渐变 - 深色

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

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

显示选项

说明

蓝色明显占主导地位：蓝色的价值超过了其他颜色。深色：低色值显得更深。

RGB 色彩系统中的色彩细分：在这一色调中，在 255 个最大色彩成分中，每个 1 红色 77 绿色和 220 这些颜色的混合比例产生了重叠中间显示的色调。

在插图中，您可以看到颜色是如何由红色（顶部）、绿色（右下角）和蓝色（左下角）三部分组成的。由此产生的颜色可以在中间看到。

在 CMYK 颜色系统中，颜色的构成如下：在这种色调中，在 100 个最大颜色成分中 100 赛恩 65 品红色无黄色和 14 这些颜色的混合比例产生了重叠中间显示的色调。

在插图中，您可以看到颜色是如何由青色（左上角）、洋红色（右上角）、黄色（右下角）和黑色或关键色（左下角）四种成分组成的。由此产生的颜色可以在中间看到。

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

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

我们走

双色渐变 #014DDC - 互补色

线性

HEX #014DDC 至 HEX #FEB223

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 4%, #FEB223 98%);

径向

HEX #014DDC 至 HEX #FEB223

CSS 代码:

background-image: radial-gradient(circle, #014DDC 8%, #FEB223 88%);

HEX #FEB223 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #FEB223 2%, #014DDC 93%);

HEX #FEB223 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #FEB223 13%, #014DDC 99%);

双色渐变 #014DDC - 浅色

线性

HEX #014DDC 至 HEX #0187DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 4%, #0187DA 97%);

径向

HEX #014DDC 至 HEX #0187DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 0%, #0187DA 98%);

HEX #0187DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #0187DA 11%, #014DDC 99%);

HEX #0187DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #0187DA 4%, #014DDC 87%);

HEX #014DDC 至 HEX #014DDA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 5%, #014DDA 99%);

HEX #014DDC 至 HEX #014DDA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 10%, #014DDA 92%);

HEX #014DDA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #014DDA 5%, #014DDC 88%);

HEX #014DDA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #014DDA 1%, #014DDC 98%);

HEX #014DDC 至 HEX #0113DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 10%, #0113DA 91%);

HEX #014DDC 至 HEX #0113DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 11%, #0113DA 96%);

HEX #0113DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #0113DA 5%, #014DDC 90%);

HEX #0113DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #0113DA 13%, #014DDC 92%);

HEX #014DDC 至 HEX #2901DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 13%, #2901DA 93%);

HEX #014DDC 至 HEX #2901DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 9%, #2901DA 99%);

HEX #2901DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #2901DA 11%, #014DDC 100%);

HEX #2901DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #2901DA 10%, #014DDC 87%);

双色渐变 #014DDC - 深色

线性

HEX #014DDC 至 HEX #013EB1

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 2%, #013EB1 86%);

径向

HEX #014DDC 至 HEX #013EB1

CSS 代码:

background-image: radial-gradient(circle, #014DDC 9%, #013EB1 92%);

HEX #013EB1 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #013EB1 8%, #014DDC 98%);

HEX #013EB1 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #013EB1 10%, #014DDC 88%);

HEX #014DDC 至 HEX #014CDA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 2%, #014CDA 88%);

HEX #014DDC 至 HEX #014CDA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 5%, #014CDA 86%);

HEX #014CDA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #014CDA 2%, #014DDC 98%);

HEX #014CDA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #014CDA 9%, #014DDC 88%);

HEX #014DDC 至 HEX #075CFE

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 0%, #075CFE 98%);

HEX #014DDC 至 HEX #075CFE

CSS 代码:

background-image: radial-gradient(circle, #014DDC 14%, #075CFE 98%);

HEX #075CFE 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #075CFE 4%, #014DDC 98%);

HEX #075CFE 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #075CFE 9%, #014DDC 94%);

HEX #014DDC 至 HEX #3077FE

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 9%, #3077FE 91%);

HEX #014DDC 至 HEX #3077FE

CSS 代码:

background-image: radial-gradient(circle, #014DDC 11%, #3077FE 96%);

HEX #3077FE 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #3077FE 1%, #014DDC 96%);

HEX #3077FE 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #3077FE 5%, #014DDC 100%);

双色渐变 #014DDC - 模拟颜色

线性

HEX #014DDC 至 HEX #0187DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 1%, #0187DA 87%);

径向

HEX #014DDC 至 HEX #0187DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 3%, #0187DA 99%);

HEX #0187DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #0187DA 3%, #014DDC 96%);

HEX #0187DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #0187DA 9%, #014DDC 97%);

HEX #014DDC 至 HEX #014DDA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 11%, #014DDA 95%);

HEX #014DDC 至 HEX #014DDA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 14%, #014DDA 99%);

HEX #014DDA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #014DDA 10%, #014DDC 87%);

HEX #014DDA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #014DDA 12%, #014DDC 98%);

HEX #014DDC 至 HEX #0113DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 10%, #0113DA 97%);

HEX #014DDC 至 HEX #0113DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 6%, #0113DA 93%);

HEX #0113DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #0113DA 5%, #014DDC 93%);

HEX #0113DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #0113DA 11%, #014DDC 94%);

HEX #014DDC 至 HEX #2901DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 5%, #2901DA 97%);

HEX #014DDC 至 HEX #2901DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 0%, #2901DA 98%);

HEX #2901DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #2901DA 3%, #014DDC 95%);

HEX #2901DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #2901DA 13%, #014DDC 88%);

双色渐变 #014DDC - 单色

线性

HEX #014DDC 至 HEX #013EB1

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 3%, #013EB1 98%);

径向

HEX #014DDC 至 HEX #013EB1

CSS 代码:

background-image: radial-gradient(circle, #014DDC 4%, #013EB1 87%);

HEX #013EB1 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #013EB1 7%, #014DDC 98%);

HEX #013EB1 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #013EB1 10%, #014DDC 87%);

HEX #014DDC 至 HEX #014CDA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 5%, #014CDA 95%);

HEX #014DDC 至 HEX #014CDA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 14%, #014CDA 88%);

HEX #014CDA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #014CDA 3%, #014DDC 93%);

HEX #014CDA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #014CDA 10%, #014DDC 95%);

HEX #014DDC 至 HEX #075CFE

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 0%, #075CFE 99%);

HEX #014DDC 至 HEX #075CFE

CSS 代码:

background-image: radial-gradient(circle, #014DDC 6%, #075CFE 96%);

HEX #075CFE 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #075CFE 4%, #014DDC 89%);

HEX #075CFE 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #075CFE 12%, #014DDC 92%);

HEX #014DDC 至 HEX #3077FE

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 12%, #3077FE 87%);

HEX #014DDC 至 HEX #3077FE

CSS 代码:

background-image: radial-gradient(circle, #014DDC 7%, #3077FE 92%);

HEX #3077FE 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #3077FE 13%, #014DDC 95%);

HEX #3077FE 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #3077FE 10%, #014DDC 94%);

双色渐变 #014DDC - 部分互补色

线性

HEX #014DDC 至 HEX #BA01DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 13%, #BA01DA 95%);

径向

HEX #014DDC 至 HEX #BA01DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 2%, #BA01DA 86%);

HEX #BA01DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #BA01DA 1%, #014DDC 93%);

HEX #BA01DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #BA01DA 13%, #014DDC 96%);

HEX #014DDC 至 HEX #A4DA01

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 3%, #A4DA01 98%);

HEX #014DDC 至 HEX #A4DA01

CSS 代码:

background-image: radial-gradient(circle, #014DDC 12%, #A4DA01 95%);

HEX #A4DA01 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #A4DA01 0%, #014DDC 91%);

HEX #A4DA01 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #A4DA01 12%, #014DDC 94%);

双色渐变 #014DDC - 三原色

线性

HEX #014DDC 至 HEX #DA014D

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 6%, #DA014D 98%);

径向

HEX #014DDC 至 HEX #DA014D

CSS 代码:

background-image: radial-gradient(circle, #014DDC 5%, #DA014D 98%);

HEX #DA014D 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #DA014D 1%, #014DDC 88%);

HEX #DA014D 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #DA014D 8%, #014DDC 87%);

HEX #014DDC 至 HEX #4DDA01

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 11%, #4DDA01 100%);

HEX #014DDC 至 HEX #4DDA01

CSS 代码:

background-image: radial-gradient(circle, #014DDC 14%, #4DDA01 87%);

HEX #4DDA01 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #4DDA01 14%, #014DDC 98%);

HEX #4DDA01 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #4DDA01 2%, #014DDC 100%);

双色渐变 #014DDC - 矩形（四分体）颜色

线性

HEX #014DDC 至 HEX #BA01DA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 9%, #BA01DA 94%);

径向

HEX #014DDC 至 HEX #BA01DA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 3%, #BA01DA 100%);

HEX #BA01DA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #BA01DA 3%, #014DDC 86%);

HEX #BA01DA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #BA01DA 3%, #014DDC 92%);

HEX #014DDC 至 HEX #DA8E01

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 14%, #DA8E01 87%);

HEX #014DDC 至 HEX #DA8E01

CSS 代码:

background-image: radial-gradient(circle, #014DDC 11%, #DA8E01 97%);

HEX #DA8E01 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #DA8E01 9%, #014DDC 94%);

HEX #DA8E01 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #DA8E01 13%, #014DDC 96%);

HEX #014DDC 至 HEX #22DA01

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 8%, #22DA01 92%);

HEX #014DDC 至 HEX #22DA01

CSS 代码:

background-image: radial-gradient(circle, #014DDC 3%, #22DA01 89%);

HEX #22DA01 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #22DA01 10%, #014DDC 90%);

HEX #22DA01 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #22DA01 0%, #014DDC 90%);

双色渐变 #014DDC - 方形颜色

线性

HEX #014DDC 至 HEX #DA01BA

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 8%, #DA01BA 87%);

径向

HEX #014DDC 至 HEX #DA01BA

CSS 代码:

background-image: radial-gradient(circle, #014DDC 2%, #DA01BA 88%);

HEX #DA01BA 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #DA01BA 5%, #014DDC 93%);

HEX #DA01BA 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #DA01BA 5%, #014DDC 89%);

HEX #014DDC 至 HEX #DA8E01

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 9%, #DA8E01 93%);

HEX #014DDC 至 HEX #DA8E01

CSS 代码:

background-image: radial-gradient(circle, #014DDC 9%, #DA8E01 89%);

HEX #DA8E01 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #DA8E01 5%, #014DDC 94%);

HEX #DA8E01 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #DA8E01 5%, #014DDC 92%);

HEX #014DDC 至 HEX #01DA22

CSS 代码:

background-image: linear-gradient(135deg, #014DDC 13%, #01DA22 98%);

HEX #014DDC 至 HEX #01DA22

CSS 代码:

background-image: radial-gradient(circle, #014DDC 10%, #01DA22 86%);

HEX #01DA22 至 HEX #014DDC

CSS 代码:

background-image: linear-gradient(135deg, #01DA22 3%, #014DDC 97%);

HEX #01DA22 至 HEX #014DDC

CSS 代码:

background-image: radial-gradient(circle, #01DA22 14%, #014DDC 87%);

显示更多调色板

服务

颜色

灰度于六角

转换自 RGB 红绿蓝至 #RRGGBB

灰度于 CMYK

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

灰度于额定功率®

转换自 RGB 红绿蓝至 RAL® 编号（RAL 0000）

灰度于 HKS®

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

灰度于泛美®

转换自 RGB 红绿蓝至 Pantone® 数字（Pantone 0000）

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

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

灰度于 NCS®

转换自 RGB 红绿蓝至 NCS 编号（S0000-X00X）

RGBA 于六角

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

RGBA 于 CMYK

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

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）

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）

六角于灰度

转换自 #RRGGBB 至 RGB 红绿蓝

六角于 RGBA

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

六角于 CMYK

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

六角于额定功率®

转换自 #RRGGBB 至 RAL® 编号（RAL 0000）

六角于 HKS®

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

六角于泛美®

转换自 #RRGGBB 至 Pantone® 数字（Pantone 0000）

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

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

六角于 NCS®

转换自 #RRGGBB 至 NCS 编号（S0000-X00X）

额定功率® 于灰度

转换自 RAL® 编号（RAL 0000）至 RGB 红绿蓝

额定功率® 于 RGBA

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

额定功率® 于 CMYK

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

额定功率® 于六角

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

HKS® 于灰度

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

HKS® 于 RGBA

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

HKS® 于 CMYK

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

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）

泛美® 于灰度

转换自 Pantone® 数字（Pantone 0000）至 RGB 红绿蓝

泛美® 于 RGBA

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

泛美® 于 CMYK

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

泛美® 于六角

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

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

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

谢尔温-威廉姆斯® 于 RGBA

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

谢尔温-威廉姆斯® 于 CMYK

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

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

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

NCS® 于灰度

转换自 NCS 编号（S0000-X00X）至 RGB 红绿蓝

NCS® 于 RGBA

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

NCS® 于 CMYK

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

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, a registration is required.

Log in to your account

or

Create an account

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

Public

Color palette shared
Please copy and save the desired link.

Share

View

OK, I have copied the links

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

Show color palette

Close

Create a color palette

DownloadDownload in different formats

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