网页色彩搭配的几种常用颜色

一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜 色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用。

Bgcolor″#F1FAFA″———做正文的背景色,淡雅

Bgcolor″#E8E8FF″———做正文的背景色,文字颜色配黑色

Bgcolor″#FBFBEA″———做正文的背景色,配黑色文字比较好看

Bgcolor″#D5F3F4″———做正文的背景色,配黑色文字比较好看

Bgcolor″#D7FFF0″———做正文的背景色,配黑色文字比较好看

Bgcolor″#F0DAD2″———做正文的背景色,配黑色文字比较好看

Bgcolor″#DDF3FF″———做正文的背景色,配黑色文字比较好看

Bgcolor″#E8FFE8″———做标题的背景色较好

Bgcolor″#8080C0″———做标题的背景色,上配黄色白色文字较好

Bgcolor″#E8D098″———做标题的背景色,上配浅蓝色或蓝色文字较好

Bgcolor″#EFEFDA″———做标题的背景色,上配浅蓝色或红色文字较好

Bgcolor″#F2F1D7″———做标题的背景色,配黑色文字素雅,如果是红色则显得醒目

Bgcolor″#336699″———做标题的背景色,配白色文字好看些

Bgcolor″#6699CC″———做标题的背景色,配白色文字好看些

Bgcolor″#66CCCC″———做标题的背景色,配白色文字好看些

Bgcolor″#B45B3E″———做标题的背景色,配白色文字好看些

Bgcolor″#479AC7″———做标题的背景色,配白色文字好看些

Bgcolor″#00B271″———做标题的背景色,配白色文字好看些

浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。

时间: 2025-01-16 23:02:48

网页色彩搭配的几种常用颜色的相关文章

网页设计的12种颜色

转:http://www.ruanyifeng.com/blog/2010/09/12_colors_used_in_web_design.html 前不久,ColourLovers.com公布了一项调查结果. 他们发现,美国前100大网站的Logo,主要使用12种颜色.其中,采用蓝色的网站最多,红色排在第二种,黄色排在第三种. 我把这12种颜色的RGB代码列出来,供将来自己做网页时参考. 1. 浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝 #019fa0 4. 蓝色 #019f

iOS开发CoreAnimation解读之三——几种常用Layer的使用解析

iOS开发CoreAnimation解读之三——几种常用Layer的使用解析 一.CAEmitterLayer 二.CAGradientLayer 三.CAReplicatorLayer 四.CAShapeLayer 五.CATextLayer iOS开发CoreAnimation解读之三——几种常用Layer的使用解析 一.CAEmitterLayer CAEmitterLayer是CoreAnimation框架中的粒子发射层,在以前的一片博客中有详细的介绍和范例,这里不再重复,地址如下: 粒

几种常用的bootstrap功能。

---恢复内容开始--- 我对于bootstrap定义与一种插件,他可以使我们的网页布局更加的炫酷,更加的整洁和合理.他的优点不多说,缺点一个就够我们头疼的,那就是需要记一些长长的英文名. 我为大家说几种常用的bootstrap的常用功能,希望你们用到的时候,可以来看下. <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="c

【方法整理】Oracle 获取trace跟踪文件名的几种常用方式

[方法整理]Oracle 获取trace跟踪文件名的几种常用方式 1  BLOG文档结构图     2  前言部分 2.1  导读和注意事项 各位技术爱好者,看完本文后,你可以掌握如下的技能,也可以学到一些其它你所不知道的知识,~O(∩_∩)O~: ① trace跟踪文件的获取   Tips: ① 本文在itpub(http://blog.itpub.net/26736162).博客园(http://www.cnblogs.com/lhrbest)和微信公众号(xiaomaimiaolhr)有同

网页形成的几种方式

<>网页一般分为三种:静态文档.动态文档.活动文档 <>静态文档:是指网页文档在创作完成之后就保存在了服务器中,用户在调用这些文档时,只是将这些静态的文档下载到本机,显示在浏览器中,完全是静态的 <>动态文档:网页并不是已经在服务器中已经写好然后保存起来的,而是在服务器中有一个生成HTML网页的程序,当用户调用网页时,服务器端的应用程序临时的 根据数据库中最新的数据生成HTML网页数据,并将网页发送给用户 <>活动文档:虽然动态文档已经能够基本上保证用户端的

五种常用的图片格式及其是否有数据压缩的总结

五种常用的图片格式及其是否有数据压缩的总结 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 说明:本文主要介绍五种最常见和最常用的图像格式:BMP,PNG,JPEG,JPEG200,以及GIF.在进行图像处理相关应用之前第一步首先是能够读取这些图像文件,虽然很多开发工具支持库比如OpenCV等已经帮助节省了这些工作的麻烦,便利的同时也使得开发人员不再熟悉这些基本的图像格式.本文的作用就在于将这五种常用的图像格式进行分条叙述,方便查阅. 内容借鉴主流图片格

哪种机械键盘更适合打游戏? 机械键盘5种常用机械轴详细介绍

哪种机械键盘更适合打游戏? 机械键盘5种常用机械轴详细介绍 机械键盘 12-08 (4)青轴 最具特点的就是青轴,青轴一般是打字员的梦想,很少用于游戏,不过是本人的最爱,特点是只有当声音响起的时候按键才被触发,因此打字的时候噼里啪啦,无论是指尖还是心理上都得到了极大满足. 但是其"机动性"打字和双击时效果并不是很好,因为触底比"触发"要高,这款特别适合输入文字,但是要注意噪音很大,但这也是我喜欢MX青轴的原因之一. (5)白轴 最后说一下白轴,目前白轴基本已经停产了

几种常用App原型设计工具详解

摘要:用于App开发的原型设计工具已有很多,鱼龙混杂,这对有潜在选择恐惧症者来说可不是一件好事,今天大家就和小编一起深入认识一下几种常用的App原型设计工具. 大家都在用的Axure Axure RP,即Axure Rapid Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格.设计功能和界面的用户快速创建线框图.流程图.原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理. Axure RP的用户群体非常宽泛,包括商业分析师.信息架构师.

常用颜色的RGB分布

RGB色彩模式是工业界的一种颜色标准,它通过对红(RED).绿(GREEN).蓝(BLUE)三种基本颜色的相互组合从而叠加出各种颜色.RGB色彩模式为每一个红.绿.蓝分类了0-255范围内的亮度值. RGB色彩模式通常RGB(0,0,0)的格式来表示颜色,括号中的3个数字分别表示红.绿.蓝的亮度值,常用的颜色的RGB颜色分布有以下这些: 品红色 (255,0,255) 蓝色 (0,0,255) 青色 (0,255,255) 绿色 (0,255,0) 黄色 (255,255,0) 红色 (255,