• MM首页
MM
  • 作品
  • 工具
  • 游戏
  • 组件体验区
  • Backoffice
  • 关于我
  • 联系我
所有工具

配色生成器

创建和谐的色阶,并将颜色导出用于设计和开发。

1. 创建调色板

为你的设计准备的配色方案,可自由调整。

对比度偏移0.00

色阶数量

11

2. 浏览色阶

空
空
空
空
空
空
空
空
空

3. 在代码中使用

CSS / HEX
:root {
  --violet-50: #f7f8ff;
  --violet-100: #deddff;
  --violet-200: #c7c2ff;
  --violet-300: #b2a5ff;
  --violet-400: #a186ff;
  --violet-500: #8f6dea;
  --violet-600: #744ec4;
  --violet-700: #59329a;
  --violet-800: #3e1a6e;
  --violet-900: #230940;
  --violet-950: #07040c;
}