“HTML 十六进制颜色”的版本间差异
本页内容
(创建页面,内容为“十六进制颜色指定为:#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。 == 十六进制颜色值 == 在 HTML 中,可以使用以下形式的十六进制值指定颜色: <nowiki>#rrggbb _ 其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。 例如,#ff0000 显示为红色,因为红色设置为最高值 (…”) |
无编辑摘要 |
||
(未显示同一用户的2个中间版本) | |||
第1行: | 第1行: | ||
[[Category:HTML教程|13]] | |||
十六进制颜色指定为:#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。 | 十六进制颜色指定为:#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。 | ||
第5行: | 第6行: | ||
在 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> | |||
{{ColorPicker}} |
2022年8月4日 (四) 11:13的最新版本
十六进制颜色指定为:#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>
Color Picker
这个color picker使用xiaokaike/vue-color 实现。可以拖动和输入改变颜色值, 可以查看对应的十六进制颜色,RGB,RGBA, HSLA颜色。