HTML 十六进制颜色

本页内容

十六进制颜色指定为:#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颜色。

Hex:{{colors.hex}}

RGBA:{{rgba}}

RGB:{{rgb}}

Hex:{{colors.hex}}

RGBA:{{rgba}}

RGB:{{rgb}}

此页面最后编辑于2022年8月4日 (星期四) 11:13。