编程笔记 html5&css&js 018 HTML颜色

编程笔记 html5&css&js 018 HTML颜色


颜色是视觉中重要因素,尤其是处理人机界面中,更是要处理颜色设置和搭配。在网页中,提供了设置颜色的一些方案,需要我们认真学习和掌握。

一、HTML 颜色

HTML 颜色由红色、绿色、蓝色混合而成。
颜色值:
HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

二、HTML中设置颜色值

  1. 使用常用的颜色名称:例如red(红色)、blue(蓝色)、green(绿色)等。
<p style="color: red;">红色文字</p>
  1. 使用RGB(红绿蓝)颜色值:通过指定红色、绿色和蓝色的亮度来定义颜色。每个颜色的亮度值范围是0-255。
<p style="color: rgb(255, 0, 0);">红色文字</p>
  1. 使用十六进制颜色值:通过指定红色、绿色和蓝色的十六进制值来定义颜色。每个颜色的十六进制值范围是00-FF。
<p style="color: #FF0000;">红色文字</p>
  1. 使用HSL(色调、饱和度、亮度)颜色值:通过指定颜色的色调、饱和度和亮度来定义颜色。色调的值范围是0-360,饱和度和亮度的值范围是0-100。
<p style="color: hsl(0, 100%, 50%);">红色文字</p>

注意:以上颜色值的设置方式可以在HTML的内联样式中使用,也可以在CSS样式表中使用。

注意

有关颜色名、颜色值等内容,网上有很全面的参考内容。自己找。另外编程工具也都提供了快捷输入的一些方式,也有助于对颜色的了解。

相关推荐

  1. 编程笔记 html5&css&js 018 HTML颜色

    2024-01-01 22:08:06       61 阅读
  2. 编程笔记 html5&css&js 042 CSS颜色

    2024-01-01 22:08:06       45 阅读
  3. 编程笔记 html5&css&js 055 CSS颜色

    2024-01-01 22:08:06       50 阅读
  4. 编程笔记 html5&css&js 008 HTML图片

    2024-01-01 22:08:06       55 阅读
  5. 编程笔记 html5&css&js 011 HTML页面划分

    2024-01-01 22:08:06       47 阅读
  6. 编程笔记 html5&css&js 012 HTML分块

    2024-01-01 22:08:06       52 阅读
  7. 编程笔记 html5&css&js 013 HTML布局

    2024-01-01 22:08:06       57 阅读
  8. 编程笔记 html5&css&js 015 HTML列表

    2024-01-01 22:08:06       55 阅读
  9. 编程笔记 html5&css&js 016 HTML表格

    2024-01-01 22:08:06       55 阅读
  10. 编程笔记 html5&css&js 017 HTML样式

    2024-01-01 22:08:06       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-01 22:08:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-01 22:08:06       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-01 22:08:06       82 阅读
  4. Python语言-面向对象

    2024-01-01 22:08:06       91 阅读

热门阅读

  1. vivado 物理约束

    2024-01-01 22:08:06       57 阅读
  2. Linux:20个linux常用命令

    2024-01-01 22:08:06       60 阅读
  3. js获取某天日期

    2024-01-01 22:08:06       55 阅读