配色方案生成器

一个颜色进去,五组和谐配色出来。

免费 - 无需注册 - 在设备上运行

在浏览器标签页内运行

  • 1个起始色
  • 5组和谐
  • HEX可复制
  • 0上传
规格

配色方案生成器 规格一览

输入
一个 HEX 色与一种和谐
输出
五组色板,各附 HEX 值
方法
色相旋转与亮度步进
它没有帮你检查的
不代表对比度够用
价格
免费
需要账户
处理位置
在设备上
使用方法

配色方案生成器 怎么用

  1. 1

    设定起始色

    设定起始色。

  2. 2

    选一种和谐

    选一种和谐。

  3. 3

    复制色值

    复制 HEX 值。

问题

常见问题

该选哪一种和谐?

互补拉得最开,类似最贴近,三分介于两者之间。拿起始色各试一次,留下适合这个项目的那一组。

生成出来就能直接当品牌配色吗?

它是起始配色。真正的品牌配色会再用眼睛调过,并且拿去测文字对比度,那是对比度检查器的事。

可以从照片开始吗?

这个面板不行。先用图片取色器从照片读出颜色,再把那个 HEX 值带过来。

我的颜色会被上传吗?

不会。配色在这个浏览器标签页内算出来,不会发送到处理服务器,也不会被保存。

背景说明

从方案到真正能用的配色

填一个 HEX 起始色并选一种和谐关系。配色是把色相旋转算出来的,单色系那一组则改用亮度步进。

  • 生成出来的色相是均匀分布的,眼睛还是会想把其中几个调亮或调暗。
  • 挑一个颜色当主角,其他退到旁边,不要每个都用满。
  • 打算放文字的配对,先拿去对比度检查器测过再定案。
  • 把起始 HEX 值留着,随时可以重新生成同一组配色。

完整规格

配色方案生成器 的完整规格
输入一个 HEX 起始色,以及你要的和谐关系。
输出五组和谐色板,每一个色板都附 HEX 值。
方法在 HSL 里旋转色相,单色系那组改用亮度步进。
它没有帮你检查的你挑的配对放上文字之后,对比度够不够。
价格免费。由工作区外明确标注的广告支持。
需要账户不需要。
处理位置在浏览器标签页中。输入内容永不上传。
下一步

用同一批文件继续做

全部色彩工具: SPOTTOOLS 的色彩工具