调色板生成

从基础色一键生成互补、三角、类似色调色板。

#3bdff6
#3b82f6
#523bf6
隐私安全全部在浏览器本地完成,数据不上传
简单易用粘贴或输入即可,结果实时呈现
永久免费不限次数,无需注册
快速高效先进技术,处理高效稳定

从一个颜色出发,一套平衡的配色遵循色轮上的几何关系(互补、三角或类似色),靠肉眼去算很费劲。输入一个基色,生成相配的方案,每个色块都附可复制的代码。

一个基色 → 整套配色

使用步骤: 调色板生成

  1. 1输入内容选取或输入一个基础色作为配色起点。
  2. 2设置选项选择配色模式:互补、三角、邻近、四角或同色阶。
  3. 3开始处理查看生成的整套和谐配色方案。
  4. 4获取结果点击任一色块复制其 HEX 值用于设计。

常见用途

从一个颜色构建把一个品牌色扩成一套完整、协调的配色。
探索各种和谐关系把互补、三角和类似色方案并排比较。
复制每个色块一次性取到配色里每个颜色的 HEX。
找一个点缀色挑一个有对比、又仍与基色相配的点缀色。

使用提示

和谐规则只是起点互补、三角和类似色是指引,不是定律。先用它们接近目标,再凭肉眼调到你想要的感觉。
靠比例来平衡当一个颜色占主导、其余作辅助,而不是各占相同分量时,方案会更好看。经典的分配大约是六、三、一。
文字仍要查对比度好看的配色也可能不利于阅读。把文字和背景的搭配先过一遍对比度检查,再投入使用。
屏幕和印刷有差异屏幕上鲜艳的颜色印出来可能发闷。请对照最终的媒介确认,而不只是看显示器。

常见问题