“HTML 十六进制颜色”的版本间差异

本页内容
(创建页面,内容为“十六进制颜色指定为:#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。 == 十六进制颜色值 == 在 HTML 中,可以使用以下形式的十六进制值指定颜色: <nowiki>#rrggbb _ 其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。 例如,#ff0000 显示为红色,因为红色设置为最高值 (…”)
 
Neo讨论 | 贡献
第5行: 第5行:
在 HTML 中,可以使用以下形式的十六进制值指定颜色:
在 HTML 中,可以使用以下形式的十六进制值指定颜色:


<nowiki>#rrggbb _
<nowiki>#rrggbb _</nowiki>


其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。
其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。


例如,#ff0000 显示为红色,因为红色设置为最高值 (ff),而其他两个(绿色和蓝色)设置为 00。
例如,<nowiki>#ff0000</nowiki> 显示为红色,因为红色设置为最高值 (ff),而其他两个(绿色和蓝色)设置为 00。


另一个例子,#00ff00 显示为绿色,因为绿色设置为最高值 (ff),而其他两个(红色和蓝色)设置为 00。
另一个例子,<nowiki>#00ff00</nowiki> 显示为绿色,因为绿色设置为最高值 (ff),而其他两个(红色和蓝色)设置为 00。


要显示黑色,请将所有颜色参数设置为 00,如下所示:#000000。
要显示黑色,请将所有颜色参数设置为 00,如下所示:<nowiki>#000000。</nowiki>


要显示白色,请将所有颜色参数设置为 ff,如下所示:#ffffff。</nowiki>
要显示白色,请将所有颜色参数设置为 ff,如下所示:<nowiki>#ffffff。</nowiki>
 
<sample title="" desc="" hererun="s1">
<!DOCTYPE html>
<html>
<body>
 
<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>
 
</body>
</html>
</sample>
 
<sample title="" desc="" hererun="s3">
<!DOCTYPE html>
<html>
<body>
 
<h1 style="background-color:#404040;">#404040</h1>
<h1 style="background-color:#686868;">#686868</h1>
<h1 style="background-color:#a0a0a0;">#a0a0a0</h1>
<h1 style="background-color:#bebebe;">#bebebe</h1>
<h1 style="background-color:#dcdcdc;">#dcdcdc</h1>
<h1 style="background-color:#f8f8f8;">#f8f8f8</h1>
 
</body>
</html>
 
 
</sample>

2022年8月4日 (四) 11:11的版本

十六进制颜色指定为:#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。

十六进制颜色值

在 HTML 中,可以使用以下形式的十六进制值指定颜色:

#rrggbb _

其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。

例如,#ff0000 显示为红色,因为红色设置为最高值 (ff),而其他两个(绿色和蓝色)设置为 00。

另一个例子,#00ff00 显示为绿色,因为绿色设置为最高值 (ff),而其他两个(红色和蓝色)设置为 00。

要显示黑色,请将所有颜色参数设置为 00,如下所示:#000000。

要显示白色,请将所有颜色参数设置为 ff,如下所示:#ffffff。


示例

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>

</body>
</html>


示例

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:#404040;">#404040</h1>
<h1 style="background-color:#686868;">#686868</h1>
<h1 style="background-color:#a0a0a0;">#a0a0a0</h1>
<h1 style="background-color:#bebebe;">#bebebe</h1>
<h1 style="background-color:#dcdcdc;">#dcdcdc</h1>
<h1 style="background-color:#f8f8f8;">#f8f8f8</h1>

</body>
</html>
此页面最后编辑于2022年8月4日 (星期四) 11:11。