{{color}} — 颜色信息

HEX:
{{color}}
RGB:
{{toRGBStr(colornohash)}}
HSL:
{{toHSL(colornohash)}}
CMYK:
{{toCMYK(colornohash)}}
HSV:
{{toHSV(colornohash)}}
XYZ:
{{toXYZ(colornohash)}}
Web-Safe:
#{{safeColor(colornohash)}}
Temperature:
{{temperature(color)}} °K

浅色调

通过在基色中加入白色而产生。色调变成了一种柔和的颜色。

#{{color}}

灰色的阴影

通过在底色中加入灰色而产生。灰色的色调看起来比底色更复杂。

#{{color}}

黑暗的阴影

通过在底色中加入黑色来创建。深色的色调看起来更丰富。

#{{color}}

颜色组合

Complementary

互补的颜色,彼此相反。两个相反的颜色。

#{{color}}
Split Complementary

主色和另外两种颜色躺在对面主色的边缘。

#{{color}}
Triadic

色轮上三个等距的颜色的组合。

#{{color}}
Tetradic

两对互补色的组合,当形成一个正方形或长方形。

#{{color}}
Analogus-complementary

相反的颜色和它在色轮上的邻居的组合。

#{{color}}
Analogus

色轮中四个相邻颜色的组合。

#{{color}}

易读性

工具

您好,
很高兴见到您!

忘记密码?

输入您注册时使用的电邮地址,我们将向您发送重置密码的说明。

创建一个
新账户

密码不符合

了解网格渐变

我们为您添加了网格渐变生成器和新的网格库,您可以用自己的渐变丰富它们。现在,您可以创建漂亮的抽象渐变,下载它们,复制它们的CSS代码,将它们保存到您的个人面板,并添加到公共库中。

我们即将添加径向渐变生成器!

网格渐变