配色方案生成器

从一种颜色构建配色方案。

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

在浏览器本地运行

  • 实时结果
  • 0上传
  • 一键保存
  • 免费无需账户
实际使用

可以放心的地方

  • 0上传
    • 输入内容保留在设备上
    • 不会发送任何内容进行处理
  • 实时输出
    • 结果在工作区实时更新
    • 更改输入并即时比较
  • 一键保存
    • 复制结果
    • 无需账户或安装
规格

配色方案生成器 规格一览

输入
一个 HEX 起始颜色和一种和谐模式
输出
五种和谐色板。
方法
HSL 色相旋转，单色系列使用亮度步进
只取其中一色
单格色块即可复制
价格
免费
处理位置
在设备上
使用方法

配色方案生成器 怎么用

  1. 1

    选起始颜色

    先定下整组配色要围绕的那一个颜色。

  2. 2

    挑配色规则

    互补、类比、三角、四角或单色。下面按你选的规则列出五个色块。

  3. 3

    复制色值

    点一个色块复制那一组 HEX，或按“复制结果”把五组一起带走。

问题

常见问题

无需上传任何内容即可使用吗？

可以。该工具在浏览器标签页内处理输入。不会发送到处理服务器，也不会存储在账户中。

保存前可以更改结果吗？

可以。调整任何可用控件，结果会更新。仅在输出符合需求时复制。

支持哪些浏览器？

当前版本的 Chrome、Edge、Firefox 和 Safari 支持此处使用的浏览器功能。非常旧的浏览器可能缺少所需 API。

背景说明

该选哪一种配色关系

互补色对比最强，适合单一强调色。类比色最平和，适合背景。三分色与四分色需要一个颜色主导，其余作为辅助。

  • 配色关系只给你色相，不会给你主次。选一个颜色铺大面积，其余留作点缀。
  • 打算放上文字的任何一组配色，落实之前先用对比检查器验一次。

完整规格

配色方案生成器 的完整规格
输入一个 HEX 起始颜色和一种和谐模式。
输出五种和谐色板。
方法HSL 色相旋转，单色系列使用亮度步进。
只取其中一色点任何一格色块，就只会复制那一个 HEX，不必整组调色板一起拿。
价格免费。由工作区外明确标注的广告支持。
处理位置在浏览器标签页中。输入内容永不上传。
下一步

用同一批文件继续做

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