生成器采用HSL(色相、饱和度、亮度)色彩理论。互补色通过色相旋转180°得出,类似色通过旋转±30°得出,单色变体则在保持色相和饱和度不变的情况下,将亮度上下调整20%。
互补色是色轮上与基础色正对的颜色,即色相相差180°。互补色对具有最大对比度和视觉冲击力,非常适合用于按钮、强调色和设计中的点睛之笔。
点击"复制CSS代码"将生成的CSS自定义属性块复制到剪贴板。粘贴到样式表的:root选择器中,之后即可在CSS的任意位置通过var(--base-color)、var(--complement-color)等引用各颜色。