配色方案生成器

基于HSL色彩空间生成互补色、三角配色、类似色、分裂互补色和单色方案。点击色块即可复制十六进制代码。

浏览器本地处理 无需注册 开发者

从一个 HEX 基础色出发,通过 HSL 色相旋转或明度变化生成五种简单的配色方案,并支持复制单色或全部颜色。

如何生成配色方案

  1. 选择或输入有效的3位或6位 HEX 基础色。
  2. 选择 complementary、triadic、analogous、split-complementary 或 monochromatic。
  3. 点击色块复制单色,或用 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 形式复制。