配色方案生成器
基于HSL色彩空间生成互补色、三角配色、类似色、分裂互补色和单色方案。点击色块即可复制十六进制代码。
从一个 HEX 基础色出发,通过 HSL 色相旋转或明度变化生成五种简单的配色方案,并支持复制单色或全部颜色。
如何生成配色方案
- 选择或输入有效的3位或6位 HEX 基础色。
- 选择 complementary、triadic、analogous、split-complementary 或 monochromatic。
- 点击色块复制单色,或用 Copy All 复制全部 HEX。
计算方式
前四种方案通过旋转 HSL hue,同时保持 saturation 和 lightness。
Monochromatic 保持 hue 和 saturation,生成六个 lightness 层级。它不是感知色彩模型或无障碍优化器。
隐私与限制
所有计算都在浏览器本地完成。结果只是基于 HSL 数学规则的建议,不会自动检查文字对比度、品牌适配、色域或色觉无障碍。
Color Palette 常见问题
支持哪些方案?
Complementary、Triadic、Analogous、Split-complementary、Monochromatic。
支持3位 HEX 吗?
支持 #RGB 和 #RRGGBB。
补色如何计算?
将 HSL hue 旋转180度。
会检查 WCAG 对比度吗?
不会,请使用单独的 Contrast Checker。
可以一次复制全部颜色吗?
可以,以逗号分隔的大写 HEX 形式复制。