代码、数据与二维码工具

颜色系统生成器

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

优先本地处理无需注册隐私说明 ↗

使用步骤

如何使用

  1. 选择颜色
  2. 选择输出格式
  3. 复制结果

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

常见问题

你可能还想知道

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。

从一个基色生成 50–950 色阶,并导出 CSS 变量、Tailwind 配置或 SCSS 映射。