单色配色方案生成器

工作原理

单色配色只保留一种色相,仅改变其明暗,从很深到很浅,呈现出和谐而专业的视觉效果,常用于设计系统或简洁的界面。本工具会把您的基础色转换为 HSL,固定色相和饱和度,然后在 12% 到 92% 之间自动分配多个明度级别来构建配色。

单色配色与互补色配色有什么不同?

互补色配色把色相环上相对的色相组合起来以制造对比;单色配色则只使用一种色相,仅在明度上做变化,效果更为简洁统一,尤其适合颜色不应分散内容注意力的界面。

一个界面应该选择多少种颜色?

通常 5 到 8 个色阶就足以满足界面的常见需求(背景、边框、文字、悬停状态、激活状态)。如果复杂组件需要更细的层次,可以增加颜色数量。

整个配色都在您的浏览器中计算:您的基础色不会被传送到任何服务器。