Tailwind 调色板生成器 – 构建 11 级色阶
使用单个基准色生成从 50 到 950 的 11 级 Tailwind 风格色阶。调色板在 OKLch(Tailwind v3 采用的感知均匀色彩空间)中渐变明度。查看生成的色阶,点击任意值即可复制,或使用附带的可直接粘贴的 Tailwind 配置片段。生成前请先设置可用选项。
Tailwind 调色板生成器使用单个基准色创建 11 级 Tailwind 风格色阶。它生成编号从 50、100 直到 950 的色阶,让您无需手动创建每个值即可轻松构建协调的调色板。每个色阶都支持点击复制,工具还附带可直接粘贴的 Tailwind 配置片段。
生成器通过在 OKLch(Tailwind v3 采用的感知均匀色彩空间)中渐变明度来构建色阶。设置可用选项、提供基准色,然后生成调色板以查看结果色阶。随后可以复制单个值或使用附带的配置片段。
调色板是一系列相关颜色值的序列,而 Tailwind 配置片段则是在 Tailwind 项目中使用生成调色板的便捷方式。从一个基准色创建色阶,可以帮助您为界面或项目数据建立一致的深浅变化范围。50–950 的编号让色阶中的每一步都易于识别。
该工具完全在浏览器中运行,您的输入在设备上处理,而非发送到服务器。它没有服务器依赖,因此页面加载后可继续离线工作。Tailwind 调色板生成器免费使用,可帮助开发者、设计师和 DevOps 工程师快速创建并复制完整的色阶。
步骤 1:提供单个基准色以开始生成调色板。生成器将以此构建完整的 11 级色阶。
步骤 2:生成前先设置可用选项。具体选项可在工具中查看。
步骤 3:生成调色板并查看其色阶,编号从 50 到 950。
步骤 4:点击某个色阶复制其值,或复制附带的可直接粘贴的 Tailwind 配置片段。
使用场景:用一个基准色为设计系统创建一整套 Tailwind 风格色阶。
使用场景:为测试、夹具或种子数据准备颜色值,无需手动输入每个色阶。
使用场景:一次性生成整个 50–950 色阶,而不是逐个编造数值。
使用场景:为项目构建调色板,并按需复制单个色阶值。
使用场景:使用附带的配置片段将生成的调色板引入 Tailwind 配置。
使用场景:使用基于 OKLch 的色阶,探索调色板中的明度变化。