配色方案生成器
从基础颜色创建和谐的配色方案并导出 CSS 代码。
处理中...
0%
Reading base color
Calculating harmony
Building swatches
Preparing CSS values
结果
你是否遇到过这种情况：当你正在开发一个网站或应用程序设计，已经选好了品牌的主色调，但不知道如何为它选择额外的和谐阴影或对比色？
我们的配色方案生成器将在您的浏览器中完全匿名地立即创建一个现成的配色方案。所有颜色模型的计算都是在本地基于色彩学的数学规则执行的。
该工具支持流行方案（单色、类似色、三色、互补色）并为 CSS/Tailwind 生成现成的变量。一个额外的功能是为网页无障碍设计 (WCAG) 进行文本对比度检查。