System.Xml.XmlElement

A while back I decided to stop using Tailwind for new projects and to just write vanilla CSS instead.

不久前，我决定停止在新项目中使用 Tailwind，而只编写普通 CSS。

But one thing I missed about Tailwind was the colour palette ( here as CSS ).

但我错过了 Tailwind 的一件事是调色板（此处为 CSS）。

If I wanted a light blue I could just use blue-100 and if I didn’t like it maybe try blue-200 or blue-50 .

如果我想要浅蓝色，我可以使用 blue-100 ，如果我不喜欢它，可以尝试 blue-200 或 blue-50 。

I’m not very good with colours so it makes a big difference to me to have a reasonable colour palette that somebody who is better at colour than me has thought about.

我不太擅长色彩，所以拥有一个比我更擅长色彩的人所想到的合理的调色板对我来说有很大的不同。

But I’m also a little tired of those Tailwind colours, so I asked on Mastodon today what other colour palettes were out there.

但我也有点厌倦了 Tailwind 的颜色，所以我今天在 Mastodon 上询问了还有哪些其他调色板。

And then a friend said they wanted links to those colour palettes, so here’s a blog post so my friend can see them, and all the rest of you too :)

然后一位朋友说他们想要这些调色板的链接，所以这里有一篇博客文章，以便我的朋友和你们所有人都可以看到它们:)

The ones I liked the most were: uchū ( css file , FAQ ) flexoki ( css file ) reasonable colours , which seems to have a focus on accessibility ( css file ) more colour palettes web awesome radix US web design systems material design colourscheme generators Folks also linked to a bunch of colour palette generators

我最喜欢的是： uchÅ«（css文件，常见问题解答）flexoki（css文件）合理的颜色，似乎注重可访问性（css文件）更多调色板网络真棒基数美国网页设计系统材料设计colorscheme生成器人们还链接到一堆调色板生成器

I’ve always found these types of generators too hard to use but maybe one day I will get better enough at colour that I’m able to use a colour palette generator successfully so I’ll leave those links there anyway.

我一直发现这些类型的生成器太难使用，但也许有一天我会在颜色方面变得足够好，以至于我能够成功地使用调色板生成器，所以无论如何我都会将这些链接留在那里。

and more colour tools: colorhexa has some info about colorblindness oklch Generative colors with CSS gives an example of how to use the oklch CSS function to dynamically generate colors.

以及更多颜色工具： colorhexa 有一些关于色盲的信息 oklch Generative color with CSS 给出了如何使用 oklch CSS 函数动态生成颜色的示例。