---

CSS 颜色名称

在CSS中，我们可以用颜色来为网页元素进行染色。常见的方法是使用十六进制码或者rgb值，但是我们也可以使用更直观的颜色名称来指定颜色。

1. 常用颜色名称

1.1 16种基本颜色

网页中最常用的颜色有16种，包含黑、白、红、黄、绿、蓝、品红等颜色。

颜色值	颜色名称
#000000	黑色
#FFFFFF	白色
#FF0000	红色
#FFFF00	黄色
#008000	绿色
#0000FF	蓝色
#FF00FF	品红

除了这几种颜色之外，还有蓝紫色、灰色、橙色、粉红色、海绿色等常见色调。

1.2 高级颜色名称

在CSS3中，引入了更多高级颜色名称，可以根据名称来指定颜色。

例如可以使用aqua代表水绿色，使用chartreuse代表黄绿色，使用olive代表橄榄色等。

1.3 X11颜色名称

X11是一套电脑显示颜色的标准规范，其中定义了非常多的颜色名称。虽然不是所有的浏览器都支持X11颜色名称，但是在一些浏览器中仍然可以使用。

例如，我们可以使用lightblue代表浅蓝色，使用darkgray代表深灰色等。

2. 不同颜色名称的优缺点

使用颜色名称来指定颜色，最大的优点就是语义化更加清晰，可以更容易地表达我们想要传达的色调。而使用十六进制码或rgb值则相对比较难于理解和记忆。

但是，使用颜色名称也存在一些缺点。首先，不同浏览器支持的颜色名称不完全一样；其次，相对于使用十六进制码或rgb值，使用颜色名称的灵活度更低，不能很好地满足一些特殊需求。

3. 注意事项

使用颜色名称时需要注意以下几点：

• 颜色名称不区分大小写，但是建议使用小写字母，这样更加规范。
• 不同浏览器支持的颜色名称不同，需要进行测试和兼容性处理。
• 如果需要在CSS中使用一些特殊颜色，建议使用十六进制码或rgb值来指定，这样能够更好地保证准确性。

综上所述，使用颜色名称来指定颜色是非常有用和便利的方法。通过了解常用颜色名称和高级颜色名称，我们可以更好地掌握这一技能。