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

2024-01-01 10:40:26

编程笔记 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样式表中使用。

注意

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

文章来源:https://blog.csdn.net/qq_40071585/article/details/135314319
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。