不同背景下文字颜色搭配的网页配色技巧

2021/9/10 17:33:16作者：佚名来源：网络

移动端

PC版/

Adobe Dreamweaver 2021中文绿色精简版v21.0.0.15392

大小：156MB语言：

类型：网页制作等级：

查看详情

网页设计的初学者可能习惯使用漂亮的图片作为网页的背景，但是当人们浏览一些著名、专业的大型商业网站时，会发现其运用最多的是白色、蓝色、黄色等单色，这样会让浏览页显得典雅、大方和温馨，最重要的是极大地增进浏览者开启网页的速度。
不同背景下文字颜色搭配的网页配色技巧

一般而言，网页的背景色应该柔和、素雅，配上深色的文字之后，看起来自然、舒适。但如果为了追求醒目的视觉效果，也可以为标题使用较深的背景颜色。下面是关于网页背景色和文字色彩搭配的一些经验值，这些颜色既可作为文字底色，也可以作为标题底色，适度配合不同字体，相信会有不错的效果，希望对用户的网页制作有所帮助。

背景色：“#f1fafa”

适合做正文的背景色，比较淡雅。配以同
色系的蓝色、深灰色或黑色文字都很好。

背景色：“#e8ffe8”

适合做标题的背景色，搭配同色系的深绿
色标题或黑色文字。

背景色：“#e8e8ff”

适合做正文的背景色，文字颜色配黑色比
较和谐、醒目。

背景色：“#8080c0”

配黄色或白色文字较好

背景色：“#e8d098”

配浅蓝色或蓝色文字较好

背景色：“#efefda”

配浅蓝色或红色文字较好

背景色：“#f2fld7”

配浅蓝色或红色文字较好

背景色：“#336699”

配白色文字比较合适，对比强烈

背景色：“#6699cc”

适合搭配白色文字，可以作为标题

背景色：“#66cccc”

适合搭配白色文字，可以作为标题

背景色：“#b45b3e”

适合搭配白色文字，可以作为标题

背景色：“#479ac7”

适合搭配白色文字，可以作为标题

背景色：“#00b271”

配白色文字显得比较干净，可以作为标题

背景色：“#fbfbea”

配黑色文字比较好看，一般作为正文

背景色：“#d5f3f4”

配黑色或蓝色文字比较好看，一般作为正文

背景色：“#d7fff0”

配黑色文字比较好看，一般作为正文

背景色：“#f0dad2”

配黑色文字比较好看，一般作为正文

背景色：“#ddf3ff”

配黑色文字比较好看，一般作为正文

浅绿色背景配上黑色文字或看白色背景配上蓝色文字都很醒目，但前者突出背景色，后者突出文字。红色背景配上白色文字，较深的背景色配上黄色文字，都会更加突显文字。

标签：配色

热门软件/ 推荐游戏/ 手机软件

不同背景下文字颜色搭配的网页配色技巧

资讯分类

推荐教程

精品软件推荐