130色免费商用配色方案素材包

做图最怕颜色东一个西一个，一套内容发出去像几个人拼的。这个包用的是 open-color 这套被很多设计系统采用的通用调色板：13 个色系，每个色系从最浅到最深分 10 级，加起来 130 个色值，浅底深底都能配出干净的层次。

包里有什么

除了配色本身的 CSS、SCSS、LESS、Stylus 四种写法，还有给程序读取的 JSON 和 JS 色值表，再加一个可以直接双击打开的配色预览页。打开预览页所有色卡一目了然，鼠标放上去能看到色值，取色直接复制，不用再开别的取色工具。

怎么用最快

做小红书、公众号的图，先定一个主色系，从里面挑一到两个色阶当主色，其余的留给背景和点缀，一套图颜色就统一了。做网页的话引入 open-color.css，写变量名就能调用，改主题色只改一个地方。要是做 PPT，把预览页里的色值填进主题色设置，后面所有页面自动跟着走。

用的时候注意

同一个色系里别一次用超过三个色阶，浅色当背景、中间色当主体、深色当文字，是最不容易翻车的搭法。红色和绿色尽量别同时大面积出现，画面容易显得杂乱。包内是 MIT 许可，免费商用，文件里附了授权说明，放心拿去用。