配色方案生成器
一个颜色进去,五组和谐配色出来。
免费 - 无需注册 - 在设备上运行
在浏览器标签页内运行
- 1个起始色
- 5组和谐
- HEX可复制
- 0上传
配色方案生成器 规格一览
- 输入
- 一个 HEX 色与一种和谐
- 输出
- 五组色板,各附 HEX 值
- 方法
- 色相旋转与亮度步进
- 它没有帮你检查的
- 不代表对比度够用
- 价格
- 免费
- 需要账户
- 无
- 处理位置
- 在设备上
配色方案生成器 怎么用
- 1
设定起始色
设定起始色。
- 2
选一种和谐
选一种和谐。
- 3
复制色值
复制 HEX 值。
常见问题
该选哪一种和谐?
互补拉得最开,类似最贴近,三分介于两者之间。拿起始色各试一次,留下适合这个项目的那一组。
生成出来就能直接当品牌配色吗?
它是起始配色。真正的品牌配色会再用眼睛调过,并且拿去测文字对比度,那是对比度检查器的事。
可以从照片开始吗?
这个面板不行。先用图片取色器从照片读出颜色,再把那个 HEX 值带过来。
我的颜色会被上传吗?
不会。配色在这个浏览器标签页内算出来,不会发送到处理服务器,也不会被保存。
从方案到真正能用的配色
填一个 HEX 起始色并选一种和谐关系。配色是把色相旋转算出来的,单色系那一组则改用亮度步进。
- 生成出来的色相是均匀分布的,眼睛还是会想把其中几个调亮或调暗。
- 挑一个颜色当主角,其他退到旁边,不要每个都用满。
- 打算放文字的配对,先拿去对比度检查器测过再定案。
- 把起始 HEX 值留着,随时可以重新生成同一组配色。
完整规格
| 输入 | 一个 HEX 起始色,以及你要的和谐关系。 |
|---|---|
| 输出 | 五组和谐色板,每一个色板都附 HEX 值。 |
| 方法 | 在 HSL 里旋转色相,单色系那组改用亮度步进。 |
| 它没有帮你检查的 | 你挑的配对放上文字之后,对比度够不够。 |
| 价格 | 免费。由工作区外明确标注的广告支持。 |
| 需要账户 | 不需要。 |
| 处理位置 | 在浏览器标签页中。输入内容永不上传。 |
用同一批文件继续做
全部色彩工具: SPOTTOOLS 的色彩工具