Html 简明教程

HTML - HEX Colors

HTML HEX 颜色用于十六进制值定义网页颜色,一个使用 16 个符号的数字系统:0-9 和 A-F。

HEX Color Codes in HTML

每个 HEX 颜色代码以井号 (#) 开头,包括六个数字。前两个数字指定红色分量,接下来的两个数字指示绿色分量,最后两个数字代表蓝色分量。这种方法允许针对网页设计进行精确的色彩定制。

要在 HTML 中使用 hex 颜色,我们可以使用 * style attribute* 直接将它们分配给元素,或者使用颜色属性在 * style* 标签或样式表中定义它们。

<element style="color: #FFFFFF;">

Hexadecimal Color Codes

以下是使用十六进制表示法的一些颜色的列表:

Color

Color HEX

#000000

#FF0000

#00FF00

#0000FF

#FFFF00

#00FFFF

#FF00FF

#C0C0C0

#FFFFFF

Examples of HTML Hex Colors

以下是几个示例,演示如何使用十六进制颜色在 HTML 页面中。

Setting Background Color for Body

以下是一个使用十六进制颜色代码设置 HTML 标签背景的示例。

<!DOCTYPE html>
<html>
<head>
   <title>
      HTML Colors by HEX code
   </title>
</head>
<body style="background-color: #00FF00;">
   <p>
      Use different color code for body
      and table and see the result.
   </p>

   <p style="color: #FFFFFF;">
      This text will appear white on
      black background.
   </p>
</body>
</html>

Setting Color on Table Cells

这是另一个演示如何使用 HEX 代码的示例。

<!DOCTYPE html>
<html>
<head>
   <title>
      HTML HEX Color code
   </title>
</head>
<body style="width:300px; height:100px;">
   <h2 style="background-color: #FF6666;">
      Setting the Background using HEX Code
   </h2>
   <table style="background-color: #FF3335;">
      <tr>
         <td style="color: #FFFFFF;">
               The text color of the paragraph is
               styled using HEX code.
         </td>
      </tr>
   </table>
</body>
</html>

Conclusion

为网页设计选择正确的颜色是困难的。即使你心中有一个颜色,你也需要让计算机理解颜色的十六进制值。为了让你的工作更容易,我们建议使用我们的 * HTML color picker tool.*