大多数HTML网页都包含文本以提供信息。HTML文本可能包含说明、解释等,但是为了使阅读体验更好,HTML文本通常采用不同的样式技术进行格式化,着色或改变文本颜色是其中之一。在本教程中,我们将解释如何以不同的方式更改HTML文本颜色。
为什么要更改HTML文本颜色?
在开始解释如何更改HTML文本颜色之前,我们将列出一些用例和更改文本颜色的好处。
- 表达文本或信息的重要部分。
- 标记文本中的重要关键字,使其更易于查找。
- 设置注释样式以区别于普通文本。
- 使警告更清晰易读。
使用样式属性更改HTML颜色
改变HTML文本颜色的最流行和最简单的方法是使用 style
不同HTML标记的属性。在本例中,我们将使用 color
通过设置要设置的颜色来设置值。
I am normal which means black
I am RED
I am BLUE
I am YELLOW
I am PURPLE
I am BROWN
更改特定标记或块的HTML颜色
我们可以为不同的标签或块设置HTML颜色。CSS类或选择器可以用来使一组HTML元素的文本颜色。
I am normal which means black
I am a Header
HTML颜色格式
HTML颜色可以用不同的格式定义。最流行的HTML颜色格式是十六进制、颜色名称、RGB和HSL格式。
Hex Color Code
由十六进制值组成,颜色可以精确表示。例如“#FF0000”定义红色。
Color Name
是最常用、最流行、最人性化的名称,其中提供了确切的颜色名称,如红色、青色、黑色等。
RGB Color Value
类似于十六进制颜色代码,其中提供了3个值来定义颜色它就像一个调色板,其中红色、绿色和蓝色合并在一起,以创建其他颜色。
使用十六进制颜色代码更改HTML颜色
我们可以通过使用十六进制颜色代码来改变HTML文本的颜色。我们将只使用先前定义的技术来设置颜色。
I am normal which means black
I am RED
I am BLUE
I am YELLOW
I am BROWN
使用颜色名称更改HTML颜色
颜色名称是定义和更改HTML文本颜色的最简单方法。实际上,我们已经提供了在HTML文本中使用颜色名称的示例。请看“改变HTML颜色与风格属性”部分。
使用RGB颜色值更改HTML颜色
RBG颜色值是定义不同颜色的另一种方法,具有不同的暗和光变化。
I am normal which means black
I am RED
I am BLUE
I am YELLOW
I am BROWN
用HSL颜色值更改HTML颜色
即使不是很流行的HSL颜色值也可以用来设置HTML文本的颜色。HSL看起来类似于RGB,其中提供了一些值来定义更暗或更亮的颜色。
I am normal which means black
I am RED
I am BLUE
I am YELLOW
I am BROWN