HTML 教程 / 颜色参考

HTML 颜色参考

HTML中可以使用颜色名称、十六进制值（HEX）、RGB和HSL来定义颜色。以下是常用颜色代码速查表。

颜色表示方法

  • 颜色名称：如 red, green, blue
  • 十六进制：如 #FF0000, #008000
  • RGB：如 rgb(255, 0, 0)
  • HSL：如 hsl(0, 100%, 50%)

基础颜色

red #FF0000
green #008000
blue #0000FF
yellow #FFFF00
orange #FFA500
purple #800080
black #000000
white #FFFFFF

扩展颜色

CSS支持140种标准颜色名称，以下是常用的柔和色调：

#F0E68C
#DDA0DD
#87CEEB
#98FB98
#FFA07A
#DEB887
#FFDAB9
#E6E6FA
#B0C4DE
#20B2AA

RGB和HSL颜色

RGB示例
/* 红色 */
color: rgb(255, 0, 0);

/* 半透明蓝色 */
color: rgba(0, 0, 255, 0.5);
HSL示例
/* 纯红色 */
color: hsl(0, 100%, 50%);

/* 纯蓝色 */
color: hsl(240, 100%, 50%);