类似色配色方案生成器

根据一个基准色生成类似色(色相环上相邻的色相)配色方案,得到和谐而不刺眼的搭配。所有色彩计算都在您的浏览器中完成。

-2 步
-1 步
基准色
+1 步
+2 步

工作原理

在色相环上,类似色是与基准色相邻的色相(例如蓝色、蓝绿色和绿色),由于色相之间不会产生强烈对立,自然能形成和谐的搭配。这个工具会把您的基准色转换为 HSL,然后通过向两侧偏移色相(hue)分量来生成四个相邻色相,并保持相同的饱和度和亮度,以获得视觉上的统一。

类似色配色和互补色配色有什么区别?

互补色配色使用色相环上相对的颜色(例如蓝色和橙色),对比强烈而有活力;而类似色配色则停留在相近的色相上,效果更柔和、更统一,常用于背景或渐变。

如何选择合适的色相间隔?

间隔较小(10 至 15°)时,色相非常接近,几乎是单色;间隔较大(30 至 45°)时,配色会明显变丰富,同时仍属于同一色系。请拖动滑块,找到最适合您项目的平衡点。

任何颜色或生成的配色方案都不会发送到服务器:计算完全在您的浏览器本地进行。