配色编辑器

编辑颜色
调色盘 选底色与主色,整站配色自动生成

文字黑白会根据底色明暗自动判定;卡片、线条、按钮、阴影、玻璃导航全部由这两色派生

样板间 你的配色长这样
你的项目 首页
DEMO PREVIEW
这是大标题的样子
卡片标签

一张小卡片

正文文字的颜色、卡片背景、边框与阴影,都从你的两个颜色推算出来,改一下底色试试

另一个标签

再加一张

悬停卡片、聚焦输入框都会有主色反馈

标签胶囊 小徽章
导出 复制或下载 CSS 变量

      

选两种颜色,整站UI的配色会自动推算出来:如卡片、线条、按钮、阴影、玻璃导航