HTML语言剖析15:调色原理

最新推荐文章于 2022-08-01 19:23:48 发布
最新推荐文章于 2022-08-01 19:23:48 发布
阅读量1.1k 收藏
点赞数
分类专栏： Internet,software... 文章标签： html 语言 internet 测试 c deb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seven2000/article/details/1101456
版权
HTML语言剖析-15 ▲Top

十五、调色原理

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


HTML语言剖析▲Top

seven2000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中代表颜色的字母16个,html中16进制的代码对应颜色表
weixin_33189820的博客
05-31 3512
在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。注：在W3C制...
更改文字颜色为红色HTMl语言,红色字体CSS_设置html字体颜色为红色
weixin_29094979的博客
06-03 1万+
设置字体红色的代码——css字体红色代码样式一、红色CSS属性单词与红色值常规红色：color:redcolor:#FF0000color:#F00以上字体颜色color的三个值均设置相同红色。三种颜色值介绍：color:red 这个值red早期使用广泛英文红色，纯正红色color:#FF0000#FF0000为RGB颜色值，标准#+6数字字母组合的颜色值，也是纯正红色color:#F00#F00...
颜色大全
热门推荐
识物专栏
01-28 13万+
# _*_ coding: utf-8 _*_ from Tkinter import * colors = '''#FFB6C1 LightPink 浅粉红 ,#FFC0CB Pink 粉红 ,#DC143C Crimson 深红/猩红 ,#FFF0F5 LavenderBlush 淡紫红 ,#DB7093 PaleVioletRed 弱紫罗兰红 ,#FF69B4 HotPink 热情的粉红 ,#FF1493 DeepPink 深粉红 ,#C71585 MediumVioletRed 中紫罗兰红 ...
HTML 颜色名
birthmarkqiqi的专栏
12-07 759
目前所有浏览器都支持以下颜色名。 141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。  提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。： 按颜色名排序
《HTML 颜色》
yexiangCSDN的专栏
06-21 3985
HTML颜色 HTML 颜色由红色、绿色、蓝色混合而成。 颜色值 HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。 每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。 1600万种不同颜色 三种颜色 红，绿，蓝的组合从0到255，一共有1600万种不同颜色(256 x 256 x 256)。 在下面的颜色表中你会看到...
2022年HTML语言剖析（十五）调色原理CSSHTML教程.docx
07-12
2022年HTML语言剖析（十五）调色原理CSSHTML教程.docx
html语言剖析
11-04
HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML...· 第十五课 调色原理
html教程（最简单易学的html标记手册）
02-03
HTML语言剖析 • 第一课 Html简介 • 第二课 HTML标记一览 • 第三棵 文件标记 • 第四课 排版标记 • 第五课 字体标记 • 第六课 清单标记 • 第七课 表格标记 • 第八课 表单标记 • 第九课 图形标记 •...
java源码包2
04-20
　使用Java语言编写的一款用于反映颜色变化的面板，也就是大家熟悉的颜色调色板演示程序。原理是初始化颜色选择按钮，然后为颜色选择按钮增加事件处理事件，最后实例化颜色选择器。 Java二进制IO类与文件复制操作...
java源码包---java 源码 大量 实例
04-18
　使用Java语言编写的一款用于反映颜色变化的面板，也就是大家熟悉的颜色调色板演示程序。原理是初始化颜色选择按钮，然后为颜色选择按钮增加事件处理事件，最后实例化颜色选择器。 Java二进制IO类与文件复制操作...
用HTML语言编写 蓝色字体,背景色为蓝色,字体为红色的代码 怎么用HTML的形式表示？...
weixin_35798118的博客
06-02 3437
方法/步骤新建一个txt文档，将其文件名和后缀改成“index.html”的html文件，如下图所示。请点击输入图片描述新建好html文件后，我们用代码编辑器打开它，然后填写标准的html5代码，如下图所示。请点击输入图片描述新建一个p标签，在p标签中输入一段文字，如下图所示。请点击输入图片描述第一种颜色的设置我们可以通过颜色的英文字母方式，如“color: red;”的方式，这样设置出的字体颜色...
html中颜色有几种方式,HTML_HTML的一些关于颜色方面的参考，在HTML里，颜色有两种表示方式 - phpStudy...
weixin_42513054的博客
06-24 1910
在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。注：在W3C制...
html中蓝色是什么,html – 为什么锚标签是蓝色的？
weixin_33806859的博客
06-07 395
Sir Tim Berners-Lee, inventor of the web, is credited with making hyperlinks blue, a decision he appears to have reached at random. But although accessibility may not have been on Sir Tim’s mind at th...
html审核状态颜色,HTML颜色一览
weixin_35952534的博客
06-02 1626
HTML颜色参考在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示...
Web开发颜色值
weixin_30876945的博客
04-16 193
在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。 注...
html中常见表达颜色的三种方式
m0_64641665的博客
08-01 2737
html中常见的颜色的表达
html 红色 二进制代码,前端：HTML/04/html颜色表示，计算机进制，锚点链接，计算机编码（字符集）...
weixin_28917137的博客
06-10 1570
html颜色表示网页中的颜色有三种表示方法：颜色单词：red,green,blue,yellow…十进制表示：rgb(255,0,0),rgb(0,255,0),rgb(0,0,255)十六进制表示：#FF0000(红)，#00FF00(绿)，#0000FF(蓝)计算机进制(了解)所谓“进制”就是“进位制”，“逢X进一”；计算机只能识别二进制的东西，二进制也就是“机器语言”；计算机磁盘上的文件，内...
颜色名称及色样表(HTML版)
chritina的专栏
03-30 3340
颜色名称及色样表(HTML版)  名称 Color Name 中文名称 Hex RGB 十进制 Decimal 数值   LightPink 浅粉红 #FFB6C1 255,182,193     Pink 粉红 #FFC0CB 255,192,203     Crimson 深红(猩红) #DC143C 220,2
HTML之调色原理分析
08-03 126
调色原理： 　　HTML 的颜色表示可分两种： 以命名方式定义常用的颜色，如 RED。 以 RGB 值表示，如 #FF0000 表示 red。 　　命名方式所包括的色种不多也不是很方便，所以较少采用，以下介绍 RGB 值的原理： 　　众所周知颜色是由 "red" "green" "blue" 三原色组合而成的，在 全球安防网HTML 中对于彩度的定义是采用十六进制的，对于...
go语言底层原理剖析 电子书
最新发布
10-17
《Go语言底层原理剖析》这本电子书主要深入探讨了Go语言的底层实现原理和机制。在Go语言快速发展的背后，了解其底层原理对于深入理解和优化代码至关重要。 首先，书中介绍了Go语言的内存管理。Go语言通过垃圾回收的方式自动管理内存，通过分代垃圾回收和并发标记等技术来提高垃圾回收的效率，并保证程序的性能。 其次，书中对Go语言的并发模型进行了详细解析。Go语言以轻量级的协程（goroutine）为基础，通过使用通道（channel）进行通信和同步，实现高效的并发编程。这本书从底层原理的角度深入剖析了协程的调度、通道的实现以及锁和同步原语等内容。 此外，书中对Go语言的编译器和运行时进行了解析。Go语言的编译器采用前端和后端分离的设计，通过词法分析、语法分析、类型检查和优化等步骤将Go源代码翻译成机器码。同时，Go语言的运行时系统提供了垃圾回收、调度器、内存管理等一系列功能，保证了程序的正确性和性能。 最后，本书还深入研究了Go语言的网络编程、文件IO、系统调用以及反射等底层机制。这些底层原理的理解，能够帮助开发者更好地理解和利用Go语言的特性，写出高效可靠的代码。 总之，《Go语言底层原理剖析》这本电子书通过深入剖析Go语言的底层原理，为读者提供了深入理解Go语言的机会，有助于开发者更好地应用Go语言进行编程，写出高性能、可靠的代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值