色彩调和方案生成器

Color Harmony Generator

基于色轮理论生成互补、邻近、三色、分裂互补等六种调和方案，一键复制搭配。

搭配预览

#2463EBhsl(221, 83%, 53%)

#EBAC24hsl(41, 83%, 53%)

加载中…

关于此工具与使用指南

理解原理 · 操作场景 · 隐私说明

色彩调和方案生成器基于经典色轮理论，输入一个基色即可自动生成互补、邻近、三色、分裂互补、四色与单色六种科学配色方案。

智能生成色阶渐变，精确计算文字与背景的 WCAG 2.1 无障碍对比度（AA/AAA）。

上传图片自动提取主色调，基于中位切分量化算法生成调色板，一键复制 CSS 变量。

可视化调节线性、径向、圆锥渐变与颜色节点，实时预览并输出 CSS 与 Tailwind 代码。