选择配色方案

选择配色方案可不简单——尤其是你已经把你最喜欢的颜色设成主题色时。

看看这张图片：

（如果你在用暗黑模式，你最好先把它关掉。）

这是主页上的宣传图片。每个 logo 孤立地看都很好，但问题是，它们不协调。比如，这上面有四种红色、三种黄色、和一系列的蓝色。进一步说，有些 logo 有高光（比如 PHP 和三个盾），而其他则是扁平的。结果就是一大堆不同的设计和风格，缺乏统一的主题。

把它放在更大的语境下，就能意识到整个网站都用的是绿松石色，其他宣传图也用的是这个颜色。然而，在拼图中完全没用到这个颜色。这就使得图片和整个页面不搭配。

解决方案就是重新设计图片，微调每个颜色。我猜最和谐的配色方案就是用了统一饱和度和明度的颜色（也就是在色轮上和圆心距离相等）。所以我挑选了在圆上均匀分布的 12 种颜色。

只剩一件令人难受的事了：PHP 的紫色饱和度太低，不能用圆上的任何一种颜色近似。另外，Vue 中的深绿色明度也太低。

对于紫色，我们用蓝色代替（向 PHP 说句抱歉，如果他们想要原版 logo）；对于深绿色，我们用和浅绿色的同一色调，再根据原色彩调整明度。

如果你调到暗黑模式，你也会注意到我把每个 logo 的白色部分镂空了，以获得一定的统一性。