调色板生成器

从一个基础色生成和谐的调色板 —— 互补色、相近色、三色组和分裂互补色。

工作台 · 中性环境
5

功能特性

Complementary colors
Analogous colors
Triadic scheme
Split-complementary
CSS variable export

使用方法

1. 选择基础色和配色方案 —— 台面随即铺满一组调色板。

2. 按空格键(或点击「换一组」)尝试变化;悬停任意色柱可复制、编辑、展开明暗阶梯,或锁定它不被刷新。

3. 切换台面底色(白 / 灰 / 深 / 棋盘格)在不同环境下校对配色,然后导出为 CSS、Tailwind、JSON、SVG 或 PNG。

常见问题

What is a complementary color?
A complementary color is the color directly opposite another on the color wheel, creating maximum contrast.

相关工具