HTML之调色原理分析

最新推荐文章于 2021-05-11 14:00:19 发布
最新推荐文章于 2021-05-11 14:00:19 发布
阅读量125 收藏
点赞数
原文链接：http://www.cnblogs.com/ph00/archive/2010/08/03/1791198.html
版权

调色原理：

　　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 常用颜色表：

ColorValueName ColorValueName #00FFFFaqua  #808080gray #000080navy  #C0C0C0silver #000000black  #008000green #808000olive  #008080teal #0000FFblue  #00FF00lime #800080purple  #FFFF00yellow #FF00FFfuchsia  #800000maroon #FF0000red  #FFFFFFwhite

■ 其它常用颜色：

ColorValueName ColorValueName #F0F8FFaliceblue  #A00000antiquewith #7FFFD4aquamarine  #F0FFFFazure #F5F5DCbeige  #FFE4C4bisque #000000black  #FFEBCDblanchedalmond #0000FFblue  #8A2BE2blueviolet #A52A2Abrown  #DEB887burlywood #5F9EA0cadetblue  #7FFF00chartreuse #D2691Echocolate  #FF7F50coral #C0F000cornfloewrblue  #FFF8DCcornsilk #00FFFFcyan  #00008Bdarkblue #008B8Bdarkcyan  #B8860Bdarkgoldenrod #A9A9A9darkgray  #006400darkgreen #DA0000darkhaki  #8B008Bdarkmagenta #556B2Fdarkolivegreen  #DA000Edarkorenge #9932CCdarkorchid  #8B0000darkred #E9967Adarksalmon  #8FBC8Fdarkseagreen #483D8Bdarkslateblue  #2F4F4Fdarkslategray #00CED1darkturquoise  #9400D3darkviolet #FF1493deeppink  #00BFFFdeepskyblue #696969dimgray  #1E90FFdodgerblue #B22222firebrick  #FFFAF0floralwhite #228B22forestgreen  #DCDCDCgainsboro #00000Egostwhite  #FFD700gold #00E00Dgolenrod  #808080gray #008000green  #ADFF2Fgreenyellow #F0FFF0honeydew  #FF69B4hotpink #CD5C5Cindianred  #FFFFF0ivory #F0E68Ckhaki  #E6E6FAlavender #FFF0F5lavenderblush  #7CFC00lawngreen #FFFACDlemonchiffon  #ADD8E6lightblue #F08080lightcoral  #E0FFFFlightcyan #0000E0lightgodenrod  #0000E0lightgodenrodyellow #0000A0lightgray  #90EE90lightgreen #FFB6C1lightpink  #FFA07Alightsalmon #20B2AAlightseagreen  #87CEFAlightskyblue #0000EBlightslateblue  #778899lightslategray #B0C4DElightsteelblue  #FFFFE0lightyellow #32CD32limegreen  #FAF0E6linen #FF00FFmagenta  #800000maroon #66CDAAmediumaquamarine  #0000CDmediumblue #BA55D3mediumorchid  #ED0000mediumpurpul #3CB371mediumseagreen  #7B68EEmediumslateblue #00FA9Amediumspringgreen  #48D1CCmediumturquoise #C71585mediumvioletred  #191970midnightblue #F5FFFAmintcream  #FFE4E1mistyrose #FFE4B5moccasin  #FFDEADnavajowhite #000080navy  #A0B0E0navyblue #FDF5E6oldlace  #6B8E23olivedrab #FFA500orange  #0E0EEDorengered #DA70D6orchid  #A00D00palegodenrod #98FB98palegreen  #AFEEEEpaleturquoise #DB7093palevioletred  #FFEFD5papayawhip #FFDAB9peachpuff  #CD853Fperu #FFC0CBpink  #DDA0DDplum #B0E0E6powderblue  #800080purple #FF0000red  #BC8F8Frosybrown #4169E1royalblue  #8B4513saddlebrown #FA8072salmon  #F4A460sandybrown #2E8B57seagreen  #FFF5EEseashell #A0522Dsienna  #87CEEBskyblue #6A5ACDslateblue  #708090slategray #FFFAFAsnow  #00FF7Fspringgreen #4682B4steelblue  #D2B48Ctan #D8BFD8thistle  #FF6347tomato #40E0D0turquoise  #EE82EEviolet #00E0EDvioletred  #F5DEB3wheat #000E00hite  #F5F5F5whitesmoke #FFFF00yellow  #9ACD32yellowgreen

全文完

转载于:https://www.cnblogs.com/ph00/archive/2010/08/03/1791198.html

babei2006
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java源码包---java 源码 大量 实例
04-18
　基于JAVA的UDP服务器模型源代码，内含UDP服务器端模型和UDP客户端模型两个小程序，向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...
HTML语言剖析15:调色原理
seven2000的专栏
08-21 1149
HTML语言剖析-15▲Top十五、调色原理 HTML 的颜色表示可分两种： 以命名方式定义常用的颜色，如 RED。 以 RGB 值表示，如 #FF0000 表示 red。 命名
HTML调色版
weixin_33862514的博客
07-24 227
HTML调色版 <html><head><title></title><metahttp-equiv="content-type"content="text/html;charset=gb2312"><styletype="text/css">body{}{}...
HTML颜色参考
MPU的专栏
06-03 1055
HTML颜色参考在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就
html css 调色 调字体
Kiddie_Lu的博客
05-01 524
背景色属性（background-color）定义一个元素的背景颜色：使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式:使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&...
HTML之调色原理
06-13 385
■ 调色原理：　　HTML 的颜色表示可分两种： 以命名方式定义常用的颜色，如 RED。 以 RGB 值表示，如 #FF0000 表示 red。 　　命名方式所包括的色种不多也不是很方便，所以较少采用，以下介绍 RGB 值的原理： 　　众所周知颜色是由 "red" "green" "blue" 三原色组合而成的，在 HTML 中对于彩度的定义是采用十六进
java源码包2
04-20
　基于JAVA的UDP服务器模型源代码，内含UDP服务器端模型和UDP客户端模型两个小程序，向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...
JAVA上百实例源码以及开源项目
01-03
　基于JAVA的UDP服务器模型源代码，内含UDP服务器端模型和UDP客户端模型两个小程序，向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...
JAVA上百实例源码以及开源项目源代码
12-11
Java从网络取得文件 1个目标文件 简单 Java从压缩包中提取文件 1个目标文件 简单 Java存储与读取对象 1个目标文件 如题 Java调色板面板源代码 1个目标文件 摘要:Java源码,窗体界面,调色板 使用Java语言编写的一款...
java源码包3
04-20
　基于JAVA的UDP服务器模型源代码，内含UDP服务器端模型和UDP客户端模型两个小程序，向JAVA初学者演示UDP C/S结构的原理。 简单聊天软件CS模式 2个目标文件 一个简单的CS模式的聊天软件,用socket实现,比较简单。 ...
html 颜色混搭_混搭油漆调色板，教用户基本的颜色理论
weixin_26715991的博客
08-31 153
html 颜色混搭A digitized, lap-top paint palette that teaches users fundamental color mixing theory through a matching game. Users are presented with a target color and must mix their primary colors in ord...
HTML|颜色的设置方法
weixin_53937982的博客
05-11 8354
HTML|颜色的设置方法 1、利用RGB设置颜色 十六进制数，例如：#FFFFFF 2、利用RGB函数设置颜色 在CSS中可以利用RGB函数加上三组范围为0~255的数字来设置所要的颜色。 表示方法如下： RGB(R,G,B) 另外也可以使用百分比的方法来设置颜色。 3、利用颜色名称设置颜色 在HTML中要设置颜色时可以直接使用颜色的名称。 4、实践代码 <!doctype html> <html> <head> <meta charset="utf-8"&gt
锂电池涂布模头，全球前7强生产商排名及市场份额.docx
05-06
锂电池涂布模头，全球前7强生产商排名及市场份额
ISO IEC 21964-2-2018.pdf
05-06
ISO IEC 21964-2-2018.pdf
编译程序构造的一般原理和基本方法.pdf
05-06
编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本方法。编译原理不仅是计算机科学理论的重要组成部分，也是实现高效、可靠的计算机程序设计的关键。本文将对编译原理的基本概念、发展历程、主要内容和实际应用进行详细介绍编译原理是计算机专业的一门核心课程，旨在介绍编译程序构造的一般原理和基本
海关商品编码/HS编码表
05-06
用于海关申报商品编码/HS编码信息
node-v9.6.1-linux-arm64.tar.xz
最新发布
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v8.11.2-linux-arm64.tar.xz
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
离散制造业未来数字化工厂建设及关键应用场景规划方案.pptx
05-06
离散制造业未来数字化工厂建设及关键应用场景规划方案.pptx
html调色板
05-30
HTML 调色板通常使用 input 标签的 type 属性设置为 "color"，这样就可以让用户选择颜色了。例如： ``` <input type="color" name="myColor"> ``` 这会在页面上显示一个颜色选择器，用户可以点击选择颜色。选择的颜色会以十六进制的形式保存在表单中，可以通过 JavaScript 获取和处理。 此外，还可以使用 CSS 来定义颜色，比如使用 color 属性来设置字体颜色，background-color 属性来设置背景颜色等。例如： ``` <p style="color: red; background-color: yellow;">这是一段带有红色字体和黄色背景的文本。</p> ``` 这会在页面上显示一段带有指定颜色的文本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值