`

14、HTML语言剖析之调色原理

    博客分类:
  • 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 常用颜色表:
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
分享到:
评论

相关推荐

    2022年HTML语言剖析(十五)调色原理CSSHTML教程.docx

    HTML颜色表示方法主要分为两种:颜色名称和RGB值。颜色名称是预定义的一系列常见颜色,比如RED代表红色。然而,这种方法的色种有限,因此在实际应用中更常用的是RGB值。 RGB值是基于红(Red)、绿(Green)、蓝...

    html标记语言详细解析与实例

    HTML 标记语言详细解析与实例 HTML(HyperText Mark-up Language)是一种为普通文件中某些字句加上标示的...18. HTML 语言剖析之调色原理:HTML 中可以使用十六进制代码来表示颜色,还可以使用颜色名称来表示颜色。

    调色原理。。

    ### 调色原理详解 #### 一、HTML颜色表示法概述 在网页设计与开发过程中,颜色的应用是非常重要的一个方面。它不仅能够提升页面的美观性,还能够有效地传达信息,增强用户体验。HTML(超文本标记语言)提供了多种...

    HTML语言学习教程——HTML语言剖析[参照].pdf

    这个教程旨在为初学者提供全面的HTML语言剖析,帮助那些对HTML不熟悉的朋友掌握这一核心技术。 1. **HTML语言简介** HTML代表超文本标记语言,是一种用于组织网页结构和内容的标记语言。它通过使用一系列的标签...

    html语言剖析

    HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C++ 和 Java 之类,它只是标示语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单...

    html教程(最简单易学的html标记手册)

    HTML语言剖析 • 第一课 Html简介 • 第二课 HTML标记一览 • 第三棵 文件标记 • 第四课 排版标记 • 第五课 字体标记 • 第六课 清单标记 • 第七课 表格标记 • 第八课 表单标记 • 第九课 图形标记 •...

    Html语言学习教程

    14. **调色原理**: HTML通过颜色名称、十六进制或RGB值来设置文本、背景等的颜色。 学习HTML,不仅可以理解网页的基本构造,还可以实现动态效果,如新闻流动播放和跑马丁效果。这些技巧需要结合CSS和JavaScript来...

    color-palette:调色板颜色对比分析仪

    color-palette工具利用JavaScript的计算能力,实时分析调色板中的颜色组合,判断它们是否符合这些标准。 在使用"color-palette-master"压缩包时,首先需要解压文件,通常包含源代码、示例、文档和其他资源。开发者...

    城市数据调色板博客

    城市数据调色板博客是一个...总的来说,城市数据调色板博客通过雨果框架提供了一个展示城市数据分析成果的平台,而HTML则作为其内容的基础呈现方式。对这两个技术的深入理解和应用,将有助于提升博客的质量和吸引力。

    ColorThiefExtension:从图像中提取调色板的 Chrome 扩展程序

    【ColorThiefExtension】是一个基于JavaScript的Chrome浏览器扩展程序,其主要功能是从用户浏览的任何图像中提取调色板。这个工具对于设计师、开发者以及视觉艺术家来说非常实用,因为它可以帮助他们快速获取图像的...

    一个简单的聊天室的程序

    【标题】"一个简单的聊天室程序"涉及到的核心技术与知识点主要集中在Web开发领域,特别是实时通信和前端交互设计。...通过分析和重构这样的项目,开发者可以深入理解Web应用的工作原理,并提升自己的技能。

    更容易的获取颜色,color picker,颜色读取

    在编程和开发中,颜色选择器也十分有用,特别是在前端开发中,开发者可以快速获取颜色代码以应用于CSS、HTML或其他编程语言中。此外,对于数据分析和可视化,颜色选择器可以帮助用户根据数据的属性选择合适的颜色,...

    颜色代码生成器

    颜色代码生成器能将所选颜色转化为这些代码形式,使得在HTML、CSS、JavaScript等编程语言中轻松引用。 颜色代码生成器的典型功能包括: 1. **颜色选择器**:提供各种选择颜色的方式,如滑动条、色盘、颜色轮,有的...

    颜色拾取器

    - **编程**:开发者在编写CSS、HTML、JavaScript或者其他任何需要指定颜色代码的语言时,可以方便地获取所需颜色。 - **色彩分析**:在科学研究、艺术创作或者产品设计中,对颜色进行分析和比较时,颜色拾取器也是...

    Color picker 颜色截取器

    颜色截取器的工作原理是通过捕捉屏幕上的像素点,分析其RGB(红绿蓝)值或十六进制色值,为用户提供所需颜色的信息。 在设计工作中,设计师可能需要从已有的图像或界面上获取特定颜色,以便在新的设计中保持色彩...

    计算机生产实习报告.完整项目.docx

    - **使用方法**:包括图层管理、选区工具、调色板使用、滤镜效果等基本操作技巧。 #### 二、前端技术 1. **HTML5 + CSS3 技术** - **HTML5**:超文本标记语言的最新版本,增加了许多新的特性和API,如离线存储、...

    颜色搭取器

    颜色搭取器能将屏幕上的颜色转化为HEX代码,便于在CSS、HTML等语言中使用。 4. **源码实现**:作为“源码”标签的一部分,这篇博文可能提供了颜色搭取器的实现代码,可能是用C++、Java、Python或其他编程语言编写的...

    一款很好用的RGB取色器

    这些值可以用于Photoshop、Illustrator等设计软件,或者HTML、CSS、JavaScript等编程语言中,以确保颜色的一致性。 此外,有些高级的RGB取色器还具备其他功能,如色彩对比度检测、色彩调色板、色彩模式转换(如CMYK...

    取色器软件

    - **调色板**:内置调色板功能,允许用户自定义颜色或修改已选取的颜色。 - **复制功能**:一键复制颜色代码到剪贴板,快速粘贴到设计软件或代码编辑器中。 3. **应用场景**: - **编程**:在编写CSS、HTML、...

    css和色谱

    在IT行业中,CSS(Cascading Style Sheets)是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它控制了网页的布局和外观,使得开发者可以独立于内容来定义视觉表现。而色谱则通常指...

Global site tag (gtag.js) - Google Analytics