代码、数据与二维码工具

CSS 调色板生成器

从一个 HEX 基色在本地生成 50–950 CSS 色阶。

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

从一个 HEX 基色在本地生成 50–950 CSS 色阶。

工具将 sRGB 转为 HSL 并使用固定明度阶梯。这是实用的几何色阶,不是感知模型,也不保证 WCAG 对比度或无障碍合规。

使用步骤

如何使用

  1. 输入 HEX 基色和 token 名称。
  2. 查看色板,然后复制 CSS 变量或 HEX 值。

CSS 调色板生成器

工具将 sRGB 转为 HSL 并使用固定明度阶梯。这是实用的几何色阶,不是感知模型,也不保证 WCAG 对比度或无障碍合规。

常见问题

你可能还想知道

CSS 调色板生成器

工具将 sRGB 转为 HSL 并使用固定明度阶梯。这是实用的几何色阶,不是感知模型,也不保证 WCAG 对比度或无障碍合规。