配色方案生成器 - 每日工具 | daystool.com

🎨 配色方案生成器

从主色生成 50–900 色阶调色板、CSS 变量与 HEX 复制,localStorage 保存

快速高效
简单易用
安全隐私

主色生成 Tailwind 风格色阶。配色理论见 调色板生成器; 混色见 颜色混合器

主色

色阶调色板

CSS 变量

 

使用说明

选择或输入主色,自动生成 50–900 十级色阶与 :root CSS 变量;主色保存到 localStorage。

  1. 用取色器或输入 HEX 设置主色。
  2. 点击色块复制单个 HEX,或复制全部/CSS 变量。
  3. 将 CSS 变量粘贴到设计系统或 Tailwind 配置。

数据均在浏览器本地处理,不会上传到服务器。