跳到主要内容

← 返回工具箱

色

设计工具

配色方案生成器

从主色生成协调的五色配色方案和 CSS 变量。

使用指南

功能介绍

从一个主色快速生成五色配色方案，并以色卡和 CSS 变量形式预览。

使用方法

选择主色。
点击生成配色方案。
复制 CSS 变量或单个 HEX 色值。

使用建议

建议一个界面只使用 3-5 个主色，保持视觉层级。
文字颜色要优先保证和背景的对比度。