{{color}} — 颜色信息
HEX:
{{ colorInfo.hex }}
RGB:
{{ colorInfo.rgb.string }}
HSL:
{{ colorInfo.hsl.string }}
CMYK:
{{ colorInfo.cmyk }}
HSV:
{{ colorInfo.hsv.string }}
XYZ:
{{ colorInfo.xyz }}
Web-Safe:
{{ colorInfo.webSafe }}
Temperature:
{{ colorInfo.temperature.toFixed(0) }} °K
颜色转换器
基本色调
颜色的10种基本色调,亮度范围从50到900。该色阶用于创建设计布局和品牌形象。
{{ key }}
{{ color.hex }}
浅色调
通过在基色中加入白色而产生。色调变成了一种柔和的颜色。
#{{color}}
灰色的阴影
通过在底色中加入灰色而产生。灰色的色调看起来比底色更复杂。
#{{color}}
黑暗的阴影
通过在底色中加入黑色来创建。深色的色调看起来更丰富。
#{{color}}
色调生成器
颜色组合
Complementary
互补的颜色,彼此相反。两个相反的颜色。
#{{color}}
Split Complementary
主色和另外两种颜色躺在对面主色的边缘。
#{{color}}
Triadic
色轮上三个等距的颜色的组合。
#{{color}}
Tetradic
两对互补色的组合,当形成一个正方形或长方形。
#{{color}}
Analogus-complementary
相反的颜色和它在色轮上的邻居的组合。
#{{color}}
Analogus
色轮中四个相邻颜色的组合。
#{{color}}
色轮
易读性
对比色发生器
工具
色轮
来自照片的调色板
生成调色板
生成梯度
径向渐变生成器
网格渐变生成器
对比度检查器
色调生成器
图像颜色选择器
混合颜色
颜色转换器
从图像的平均颜色
形状生成器