首页/开发工具/调色板生成

调色板生成

输入基准色，按色轮关系生成完整配色方案：单色阶、互补色、类似色、三角色、分裂互补、四角方阵、明暗阶，并输出可直接粘进代码的 CSS 变量。做落地页、图表配色、品牌延伸色时，比在取色器里瞎试快得多。

本地运行 · 数据不上传开发工具免费 · 无需注册

基准色

配色方案

色块数量

配色方案

点上方「生成」按钮开始

使用说明

选一个基准色（通常是你的品牌色），挑配色方案，结果会自动生成。
单色阶（mono）适合做界面主体，互补色适合做强调，类似色适合做图表。
结果末尾会自动给出 :root { --palette-N: ... } 形式的 CSS 变量，直接复制可用。

常见问题

为什么单色阶最适合做界面？

因为界面配色的核心是「层级」而不是「丰富」。同一色相不同明度天然表达了层级关系（深色是文字、浅色是背景），不会让用户分神。相反，一上来就用四五个不同色相，界面通常很花。

这些配色是「正确」的吗？

配色没有绝对正确，只有是否服务于目的。本工具按经典色轮关系生成，能保证色相搭配不出错；但最终还得看内容、看品牌调性、看对比度。生成结果是个可靠的起点，不是终点。

色块数量怎么选？

做界面一般 5–7 个够用（1 个主色 + 2 个辅助 + 2 个中性 + 1 个强调）。做数据可视化可能要 8–12 个，但超过 8 种颜色人眼就难以区分了，那时更好的做法是改用明度或形状来区分。

相关工具

颜色格式转换输入任意格式的颜色值，一次得到 HEX、RGB、RGBA、HSL、HSV、CMYK、CSS 颜色对比度检测输入文字色和背景色，算出 WCAG 对比度比值并逐条判断是否达到 AA / AAA 标准（正 CSS 渐变代码生成在线生成 CSS 渐变代码：支持线性、径向、锥形与重复线性渐变，可选中间色让过渡不发灰，输出在线 JSON 格式化在线 JSON 格式化与校验工具，支持美化排版、压缩、转义、去转义、转 GET 参数，自动定 HTTP 状态码对照表完整的 HTTP 状态码对照表，收录 1xx 到 5xx 全部常见状态码，含中文含义、常见成 JSON 转 YAML 把 JSON 转成 YAML，键值自动缩进、字符串按需加引号，可直接粘进 Kubernete

开发工具 · 该分类共 125 个工具，展开查看全部

在线 JSON 格式化 HTTP 状态码对照表 JSON 转 YAML JSON 转 XML JSON 转 CSV JSON 转 TypeScript 类型 JSON 转 Java 实体类 JSON 转 Go 结构体 JSON 转 Python 字典 JSON 转 SQL 建表语句 JSON 转 Markdown 表格 JSON 键排序清除 JSON 空值 JSON 扁平化 JSON 结构分析 JSON 字段清单 JavaScript 代码美化 JSON 压缩 JSON 转 Excel JSON 树形查看 JSON Schema 生成 YAML 转 JSON YAML 格式化 XML 转 JSON JSON 转 C# 实体类 JSON 转 PHP 数组 JSON 转 Rust 结构体 JSON 转 Kotlin 数据类 JSON 转 Swift 模型 JSON 转 Dart 模型 CSV 转 JSON JSON 转 JSONL JSONL 转 JSON XML 格式化 SQL 格式化 HTML 格式化 CSS 格式化 PHP 代码格式化 Java 代码格式化 C# 代码格式化 Python 代码格式化 Ruby 代码格式化 C 代码格式化 C++ 代码格式化 Perl 代码格式化 VBScript 格式化 Go 代码格式化 Rust 代码格式化 Kotlin 代码格式化 Swift 代码格式化 Scala 代码格式化 Lua 代码格式化 R 代码格式化 XML 压缩 SQL 压缩 HTML 压缩 CSS 压缩 JavaScript 压缩 SVG 代码压缩 PHP 代码压缩 Java 代码压缩 C# 代码压缩 Python 代码压缩 Go 代码压缩 Rust 代码压缩 Kotlin 代码压缩 Lua 代码压缩代码去注释 MD5 加密 SHA1 加密 SHA256 加密 SHA512 加密国密 SM3 计算 HMAC 计算 AES 加密解密 DES 加密解密 RSA 密钥对生成 JWT 生成 Query String 构建 Cookie 解析 URL 完整解析文本 Diff 对比代码 Diff 对比三向文本对比 HTTP 报文解析版本号比较代码行数统计 HTML 与 UBB 互转 htaccess 转 Nginx XPath 测试工具手机号格式校验邮箱格式校验身份证号码校验银行卡号校验信用卡号校验 UUID 批量校验编码批量识别文本编码检测 User-Agent 解析浏览器信息检测颜色格式转换颜色对比度检测调色板生成 CSS 渐变代码生成 Cron 表达式解析 Cron 表达式生成正则表达式测试 KeyCode 按键码查询 Android 按键码查询 HTML 转 Markdown 文件哈希校验 SQL 转 Java 实体类 SQL 转 C# 实体类 SQL 转 Go 结构体 SQL 转 Python 类 Markdown 转 HTML 随机字符串生成 NanoID 生成器 UUID 批量生成键盘按键测试 WebSocket 在线测试条形码生成 Markdown 编辑器 Base64 转图片二维码批量生成