前陣子我決定新專案不再使用 Tailwind，改用原生的 CSS 就好。

但 Tailwind 有一樣東西讓我有點想念，那就是它的調色盤（CSS 版本在這裡）。如果我想要淺藍色，只要用 blue-100 就好，不喜歡的話還可以試試 blue-200 或 blue-50。我對配色不太在行，所以有個比我更懂顏色的人幫忙設想好的一套合理的調色盤，對我來說幫助真的很大。

不過我也有點看膩 Tailwind 的那些顏色了，所以今天在 Mastodon 上問了大家還有哪些調色盤可以用。然後有個朋友說他想要這些調色盤的連結，所以就寫了這篇部落格文章，讓我朋友看得到，大家也都看得到 :)

我最喜歡的

我最喜歡的是這幾個：

• uchū（CSS 檔案、FAQ）
• flexoki（CSS 檔案）
• reasonable colours，這個似乎特別注重無障礙設計（CSS 檔案）

更多調色盤

• web awesome
• radix
• 美國網頁設計系統
• material design

配色產生器

也有不少人分享了許多調色盤產生器

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

我一直覺得這類產生器太難用了，不過也許哪天我對配色變得更在行，就能順利使用調色盤產生器了，所以還是先把這些連結留著。

還有更多顏色工具：

• colorhexa 有一些關於色盲的資訊

oklch

Generative colors with CSS 這篇文章示範了如何使用 oklch 這個 CSS 函式來動態產生顏色。