Material io调色板互补

Question

​

​

我正在使用与材料io调色板相关的颜色，链接palette

颜色如下：

    'red',
    'pink',
    'purple',
    'deepPurple',
    'indigo',
    'blue',
    'lightBlue',
    'cyan',
    'teal',
    'green',
    'lightGreen',
    'lime',
    'yellow',
    'amber',
    'orange',
    'deepOrange',
    'brown',
    'grey',
    'blueGrey'

总共有19种颜色，其中只有16种颜色的定义与shade A100, A200, A400, A700相同。

对于每种颜色，我想定义它的互补性。

但我对此有些怀疑。

例如：

红色，它的互补性是绿色。

粉红色，它的互补绿色。

所以绿色是两种颜色的互补，所以它有两个互补？

[
  {red: ['green']},
  {pink: ['green']},
  {green: ['red','pink']}
]

你能告诉我在哪里可以找到更多的信息吗？

但如果我拿红色的500，根据材料io，它告诉我，互补的是lightBlue 200。

所以我有些疑惑。

​

​

Answer 1

互补色可以这样计算

第一个定义：

将颜色更改为十六进制数(红色= 0xff0000)

• complementary颜色= 0xffffff - color(0xff0000)

第二个定义：

将颜色更改为HSL(色调，饱和度，lightness)

• change色调为相反：(色调+ 180) %360