颜色

配色面板

从一种颜色生成和谐配色

关于

选一个基色和一种和谐方案——互补、邻近、三角、分裂互补、四角、单色、灰度,或随机。锁定你喜欢的色块,添加或删除色块,重新生成其余的,再保存整套配色。

怎么用

  1. 从下拉菜单里选一种和谐方案(想随便来就选随机)。
  2. 点击任意色块即可打开取色器进行编辑;第一个色块就是你的基色。
  3. 锁定你喜欢的色块,然后点重新生成,把其余的重新洗一遍。
  4. 用 + / − 添加或删除色块、复制 hex,或保存整套配色。

示例

常见问题

这些颜色是怎么算出来的?

我们按方案在 HSL 空间里旋转基色的色相——互补 +180°,邻近 ±30°/±60°,三角 +120°/+240°,分裂互补 ±150°,四角按 90° 递增,单色按明度递增,灰度按饱和度为零递增。随机就是字面意思——每次都是全新的随机颜色。

锁定色块有什么用?

锁定的色块在你重新生成、切换方案或编辑基色时都会保持原本的颜色——只有未锁定的色块会重新计算。

保存的配色存在哪里?

存在你浏览器本地。刷新后仍然保留,且绝不会离开你的设备。

相关工具

← 在画布中打开