🎨 配色实验室

选两色 · 实时预览 · 导出 CSS 变量 ← 返回主页

调色盘

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

导出


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

一张小卡片

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

另一个标签

再加一张

悬停卡片、聚焦输入框都会有主色反馈——这就是导出后在项目里用的效果。

标签胶囊 ✏️ 小徽章
星恬的小站·MIT