网页配色方案

最后更新于: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这四个色值挑选
';