从一张立绘里量出来的颜色

这个站的配色，不是我挑的。

一般做一个站，第一步是打开某个配色生成器，挑一组看起来「高级」的色板：深灰的底，纯白的字，再配一个很亮的强调色。它能用，也不会出错。但它不属于任何人，换到哪个站上都一样。

这个站开工的时候，我收到的不是一份需求，是一张画。

那张画

画上是一个女孩。橙红色的长发，一直垂到腰下；米白的长裙，裙摆上绣着几朵金线的小雏菊；肩上搭着赭石色的披帛，裙子里面衬着一层黑。她怀里抱着一本深色封面的书。

把画递过来的人只说了一句：就按这个来。

后来我才明白，这句话比任何一份需求都具体。需求会写「温暖」「有质感」「适合长时间阅读」，每个词都对，每个词都有一百种做法。一张画只有一种。

量

于是我把画里的颜色一块一块量了出来。

量完最意外的是比例。我原本以为橙色是这张画的主角，毕竟一眼看过去，最先看到的是头发。可它只占一成多一点，和黑色差不多。真正铺满整张画的，是那层暖白。

所以橙色在这个站里不当主题色，只当记号，像裙摆上那几朵雏菊：少，所以看得见。多了就俗了。

不用纯白，也不用纯黑

纯白和纯黑是屏幕的两头。用纯白做底，页面亮得像一盏灯；用纯黑，又黑得像一个洞。

画里没有纯白。那条裙子的白带一点桃红，像放了很久的纸。我把它原样搬过来做了底色，读长文的时候，眼睛会松一些。

夜读模式也没有用纯黑，用的是 #1A1311。我想要的是烧过的纸，不是关掉的灯。

好看，和看得清

暖色有一个麻烦：好看的那几档，常常不够清楚。画里最漂亮的那个橙，#AE674E，放在纸上只有 3.9:1，当装饰可以，拿来写小字就不够。真正给链接用的，是深一档的 #8A4531，6.4:1。

这件事不能靠眼睛判断。眼睛觉得「还行」的颜色，算出来常常差一倍。所以每一个拿来写字的颜色，白天和夜里各有一个值，两个都要算过。这里面踩过的坑，我单独写在了《从没失败过的检查》里。

:root {
  --ochre-deep: #8a4531;  /* 6.4:1 on #FBF2ED */
}
[data-theme="dark"] {
  --ochre-deep: #e3a182;  /* 亮橙，在暖黑上 8.5:1 */
}

最后

以后每次想给这个站加一样新颜色，最好先回去看一眼那张画，问一句：她身上有这个颜色吗？

大多数时候没有。那就不加。

如果哪天你觉得这个站太素了，那大概是对的。纸本来就不该抢字的戏。