转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
调色原理         ★★★★

调色原理

作者:闵涛 文章来源:闵涛的学习笔记 点击数:725 更新时间:2009/4/23 13:48:14
HTML 的颜色表示可分两种:
  • 以命名方式定义常用的颜色,如 RED。
  • 以 RGB 值表示,如 #FF0000 表示 red。

命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 RGB 值的原理:

众所皆知颜色是由 "red" "green" "blue" 三原色组合而成的,在 HTML 中对於彩度的定义是 采十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。

例如
白色的组成是 red=ff, green=ff, blue=ff, RGB 值即为 ffffff
红色的组成是 red=ff, green=00, blue=00, RGB 值即为 ff0000
绿色的组成是 red=00, green=ff, blue=00, RGB 值即为 00ff00
蓝色的组成是 red=00, green=00, blue=ff, RGB 值即为 0000ff
黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000

於应用时常在每个 RGB 值之前加上符号 # 以示分别,但不加亦可。

■ HTML 基本架构:
选按不同颜色按键以测试前景颜色效果 (只适合 Internet Explorer)
           
选按不同颜色按键以测试背景颜色效果
           
或输入一个 RGB 颜色码或名称
   
■ 16 常用颜色表: Color Value Name   Color Value Name   #00FFFF aqua     #808080 gray   #000080 navy     #C0C0C0 silver   #000000 black     #008000 green   #808000 olive     #008080 teal   #0000FF blue     #00FF00 lime   #800080 purple     #FFFF00 yellow   #FF00FF fuchsia     #800000 maroon   #FF0000 red     #FFFFFF white ■ 其它常用颜色表: Color Value Name   Color Value Name   #F0F8FF aliceblue     #A00000 antiquewith   #7FFFD4 aquamarine     #F0FFFF azure   #F5F5DC beige     #FFE4C4 bisque   #000000 black     #FFEBCD blanchedalmond   #0000FF blue     #8A2BE2 blueviolet   #A52A2A brown     #DEB887 burlywood   #5F9EA0 cadetblue     #7FFF00 chartreuse   #D2691E chocolate     #FF7F50 coral   #C0F000 cornfloewrblue     #FFF8DC cornsilk   #00FFFF cyan     #00008B darkblue   #008B8B darkcyan     #B8860B darkgoldenrod   #A9A9A9 darkgray     #006400 darkgreen   #DA0000 darkhaki     #8B008B darkmagenta   #556B2F darkolivegreen     #DA000E darkorenge   #9932CC darkorchid     #8B0000 darkred   #E9967A darksalmon     #8FBC8F darkseagreen   #483D8B darkslateblue     #2F4F4F darkslategray   #00CED1 darkturquoise     #9400D3 darkviolet   #FF1493 deeppink     #00BFFF deepskyblue   #696969 dimgray     #1E90FF dodgerblue   #B22222 firebrick     #FFFAF0 floralwhite   #228B22 forestgreen     #DCDCDC gainsboro   #00000E gostwhite     #FFD700 gold   #00E00D golenrod     #808080 gray   #008000 green     #ADFF2F greenyellow   #F0FFF0 honeydew     #FF69B4 hotpink   #CD5C5C indianred     #FFFFF0 ivory   #F0E68C khaki     #E6E6FA lavender   #FFF0F5 lavenderblush     #7CFC00 lawngreen   #FFFACD lemonchiffon     #ADD8E6 lightblue   #F08080 lightcoral     #E0FFFF lightcyan   #0000E0 lightgodenrod     #0000E0 lightgodenrodyellow   #0000A0 lightgray     #90EE90 lightgreen   #FFB6C1 lightpink     #FFA07A lightsalmon   #20B2AA lightseagreen     #87CEFA lightskyblue   #0000EB lightslateblue     #778899 lightslategray   #B0C4DE lightsteelblue     #FFFFE0 lightyellow   #32CD32 limegreen     #FAF0E6 linen   #FF00FF magenta     #800000 maroon   #66CDAA mediumaquamarine     #0000CD mediumblue   #BA55D3 mediumorchid     #ED0000 mediumpurpul   #3CB371 mediumseagreen     #7B68EE mediumslateblue   #00FA9A mediumspringgreen     #48D1CC mediumturquoise   #C71585 mediumvioletred     #191970 midnightblue   #F5FFFA mintcream     #FFE4E1 mistyrose   #FFE4B5 moccasin     #FFDEAD navajowhite   #000080 navy     #A0B0E0 navyblue   #FDF5E6 oldlace     #6B8E23 olivedrab   #FFA500 orange     #0E0EED orengered   #DA70D6 orchid     #A00D00 palegodenrod   #98FB98 palegreen     #AFEEEE paleturquoise   #DB7093 palevioletred     #FFEFD5 papayawhip   #FFDAB9 peachpuff     #CD853F peru   #FFC0CB pink     #DDA0DD plum   #B0E0E6 powderblue     #800080 purple   #FF0000 red     #BC8F8F rosybrown   #4169E1 royalblue     #8B4513 saddlebrown   #FA8072 salmon     #F4A460 sandybrown   #2E8B57 seagreen     #FFF5EE seashell   #A0522D sienna     #87CEEB skyblue   #6A5ACD slateblue     #708090 slategray   #FFFAFA snow     #00FF7F springgreen   #4682B4 steelblue     #D2B48C tan   #D8BFD8 thistle     #FF6347 tomato   #40E0D0 turquoise     #EE82EE violet   #00E0ED violetred     #F5DEB3 wheat   #000E00 hite     #F5F5F5 whitesmoke   #FFFF00 yellow     #9ACD32 yellowgreen


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台