🎨 Tailwind 调色板Tailwind Color Palette

使用说明与常见问题How-to & FAQ

「Tailwind 调色板」是什么？What is the Tailwind Color Palette tool?

常用色系，点击复制 HEX / RGB / 类名。可设置「色系」、「点击」。Common hues; click to copy HEX / RGB / class. Settings: Hue, Click.

如何使用「Tailwind 调色板」？How do I use the Tailwind Color Palette tool?

在「色系」中选择一个色系，即可看到各个色阶；点击颜色可复制 HEX、RGB 或类名。Choose a hue under Hue to see its shades, and click a colour to copy its HEX, RGB or class name.

子集Subset

常用色系；完整见 Tailwind 文档。Common hues; see Tailwind docs for the full set.

有哪些选项可以调整？What options can I adjust?

「Tailwind 调色板」的设置：「色系」可选 全部、slate、sky、blue、red、green等（默认 全部）；「点击」可选 HEX、RGB、bg-*-* 类名（默认 HEX）。每次生成结果都按当前设置处理。Settings in the Tailwind Color Palette — "Hue": All, slate, sky, blue, red, green, etc. (default All); "Click": HEX, RGB, class (default HEX). The result always uses the current settings.

结果可以直接用在 CSS 里吗？Can I paste the results into CSS?

可以。「Tailwind 调色板」输出的是标准 CSS 颜色写法，可直接复制使用；可接受的输入格式以输入框旁的说明为准。Yes. The Tailwind Color Palette outputs standard CSS color notation you can copy straight into a stylesheet; accepted input formats are listed next to the input.

「Tailwind 调色板」免费吗？需要注册吗？Is the Tailwind Color Palette free? Do I need an account?

「Tailwind 调色板」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Tailwind Color Palette is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.