免费 · 设计与 CSS
Tailwind 色阶生成器.
用一个品牌色生成 OKLCH 格式的完整 Tailwind 色板（50–950），附 hex 值、对比度以及 Tailwind v4 @theme、v3 配置或 CSS 变量代码。
Loading the calculator…
使用方法: Tailwind 色阶生成器
输入数据或选择文件，调整设置并生成结果。复制或下载之前，请检查结果。
限制与支持格式
输入内容在您的设备上处理。
英语技术说明
Lightness steps imitate Tailwind’s default palette; check important text pairs for contrast. Everything is calculated in your browser; nothing you type is uploaded.
Each step has a target OKLCH lightness from 0.971 (50) to 0.258 (950); chroma rises and falls around the middle in proportion to your colour, and is reduced where needed to stay in sRGB.
Teal #0d9488 becomes 11 shades from #f2f7f6 to #072a26 and is kept exactly at step 600.