之前我决定在新项目中不再使用 Tailwind，而是直接写原生 CSS。

但有一点我还是很怀念 Tailwind，那就是它的调色板（CSS 版本见此）。比如想要一个浅蓝色，直接用 blue-100 就行，如果不合适再试试 blue-200 或 blue-50。我不太擅长配色，所以能有一套更懂配色的人精心搭配好的、靠谱的调色板，对我来说帮助非常大。

不过我也有点看腻了 Tailwind 的那套颜色，所以今天在 Mastodon 上问了问还有哪些别的调色板。后来有朋友说想要这些调色板的链接，于是就有了这篇博客，既是分享给那位朋友，也分享给所有看到这里的你们 :)

我最喜欢的几个

我最喜欢的是这几个：

• uchū（CSS 文件，FAQ）
• flexoki（CSS 文件）
• reasonable colours，侧重无障碍（CSS 文件）

更多调色板

• web awesome
• radix
• US web design systems
• material design

配色方案生成器

也有不少人分享了一些调色板生成器：

• harmonizer
• tints.dev
• coolors
• colorpalette.pro

我一直觉得这类生成器太难用了，不过也许哪天我对配色的掌握足够好了，就能顺利用好调色板生成器了，所以还是先把链接留在这里。

还有一些配色工具：

• colorhexa 上有一些关于色盲的信息

oklch

Generative colors with CSS 举例说明了如何使用 CSS 的 oklch 函数来动态生成颜色。