mockjs随机生成浅色图片 | 十六进制颜色码调色大法 | 莫兰迪色系

你是否遇到过这样的问题？

项目的主色调是浅色，使用mockjs随机生成的图片却是五彩斑斓的鲜艳色调，导致项目演示的时候特别违和呢？

在我一番研究之后，终于搞出了mockjs生成浅色图片的方案。

效果：

要想做出心仪的调调，首先要知道十六进制颜色码(#eeeeee)的原理。
十六进制颜色码由 ‘#’和3个16进制数相连组成。

我们知道，任何颜色都能通过红绿蓝三基色通过特定的比例调和而成。而十六进制颜色码的3个十六进制数，则分别对应红的强度、绿的强度、蓝的强度。
（演示使用十进制）
根据上面的法则，我们可以推出，如果想要一组红色调的图片，就应该让第一个十六进制数的值大于其他两个数的值。
我们可以设置为： # （150~200）（70-110）（70-110）
mockjs演示效果：

假设我想要一组浅色蓝绿调的图，则让绿和蓝的强度足够大、相差不多，并且大于红色的强度即可。
例如：： # （110~170）（200-225）（200-225）
mockjs演示效果：