配色方案生成器

常见问题
配色方案使用了哪些色彩理论?

生成器采用HSL(色相、饱和度、亮度)色彩理论。互补色通过色相旋转180°得出,类似色通过旋转±30°得出,单色变体则在保持色相和饱和度不变的情况下,将亮度上下调整20%。

什么是互补色?

互补色是色轮上与基础色正对的颜色,即色相相差180°。互补色对具有最大对比度和视觉冲击力,非常适合用于按钮、强调色和设计中的点睛之笔。

如何在项目中使用生成的CSS代码?

点击"复制CSS代码"将生成的CSS自定义属性块复制到剪贴板。粘贴到样式表的:root选择器中,之后即可在CSS的任意位置通过var(--base-color)、var(--complement-color)等引用各颜色。

关于配色方案生成器
输入任意十六进制颜色,系统自动生成完整配色方案,包括互补色(色相旋转180°)、两个类似色(±30°)和两个单色变体(明暗各一)。点击色块可复制十六进制值,同时生成可直接用于样式表的CSS自定义属性代码块。