网页配色整理

Posted 张大哒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页配色整理相关的知识,希望对你有一定的参考价值。

将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 

 

技术分享
 



按印象的搭配分类

色彩搭配看似复杂,但并不神秘。既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供参考。


柔和、明亮、温柔

亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。

技术分享
 




柔和、洁净、爽朗

对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到,几乎每个组合都有白色参与。当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。

技术分享
 



技术分享
 



技术分享
 




技术分享
 

 

技术分享
 

 

技术分享
 



技术分享
 

 

技术分享
 

 

技术分享
 

 




























以上是关于网页配色整理的主要内容,如果未能解决你的问题,请参考以下文章

HTML配色工具!在线配色工具

网页配色相关

“好色之图” 整理持续更新

18个黑白配色网页设计

数学建模番外篇8:画图配色

简单做成好配色--赖人配色表