网页配色方案
最后更新于:2022-04-02 03:15:44
[TOC]
> [参考阮一峰](http://www.ruanyifeng.com/blog/2019/03/coloring-scheme.html)
## Flat UI 色表
[Flat UI 网站](https://flatuicolors.com/palette/defo)
![](https://www.wangbase.com/blogimg/asset/201903/bg2019031601.jpg)
[Falt UI 组件展示](http://designmodo.github.io/Flat-UI/)
![](https://www.wangbase.com/blogimg/asset/201903/bg2019031602.jpg)
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/d9/11/d911cff581d144eee49a9760adfd6d93_1912x954.png)
## 配色的经验法则
### 网页的主题色
- 深颜色使用`c`、`f`、`6`、`9`这四个字符
比如紫罗兰色是`9966ff`,靛蓝是`6666ff`,红色是`ff6666`
![](https://www.wangbase.com/blogimg/asset/201903/bg2019031608.jpg)
![](https://www.wangbase.com/blogimg/asset/201903/bg2019031609.jpg)
### 文字的颜色
- 文字最好不要使用全黑,而是使用深蓝色
- 1a2a3a最深,2a3a4a次之,7a8a9a最浅
![](https://www.wangbase.com/blogimg/asset/201903/bg2019031611.jpg)
### 背景色、阴影色、边框色
- 背景色、阴影色、边框色都属于衬托,建议使用灰色,
- 可以从aaaaa、bbbbbb、cccccc、dddddd这四个色值挑选
';