配色方案生成器
选择或输入一个基础颜色,该工具会将其转换为HSL格式,并围绕它生成三套可直接使用的配色方案 — 互补色、邻近色和三角配色,帮助你快速探索适合设计的配色组合。点击任意色块即可复制其十六进制颜色代码。
十六进制代码
#3B82F6 hsl(217, 91%, 60%)
互补色
#3b82f6
#f6af3b
邻近色
#3bdff6
#3b82f6
#523bf6
三角配色
#3b82f6
#f63b82
#82f63b
工作原理
颜色会被转换为HSL(色相、饱和度、明度),这样只需旋转色相就能生成新的颜色。互补色方案会添加色轮上正对面的颜色(+180°);邻近色方案会添加相邻的两个色相(±30°);三角配色方案会添加在色轮上均匀分布的两个色相(+120°和+240°)。
小提示
点击任意色块即可将其十六进制代码复制到剪贴板,方便直接粘贴到设计工具或CSS中。
应该使用哪种配色方案?
互补色方案对比强烈,适合用作单一的强调色;邻近色方案给人平静协调的感觉,非常适合背景和渐变;三角配色方案鲜艳而均衡,当你需要三种都很醒目的颜色时很有用。