在 CSS 中，我們可以使用顏色名字來設(shè)定元素的顏色。除了簡單易記外，顏色名字還可以提高代碼可讀性，省去了部分顏色代碼的書寫工作。

/* 使用顏色名字設(shè)定背景顏色 */
body {
background-color: cornflowerblue;
}
/* 使用十六進制代碼和顏色名字設(shè)定字體顏色 */
h1 {
color: #333;
/* 這里可以直接使用 gray，它等同于 #808080 */
background-color: gray;
}

HTML5 中規(guī)定的顏色名字有 147 個，它們都是英文單詞拼寫的顏色名。其中，一些顏色名字比較簡潔，表示的是顏色的鮮艷程度，比如 red（紅）、green（綠） 等等。

但是，一些顏色名字的含義不一定清晰易懂，有些顏色名字甚至?xí)推渌伾诸愃疲屛覀兒茈y分辨。比如，darkgoldenrod 和 goldenrod，它們的區(qū)別是僅僅在光線較暗的情況下才能分辨出來。因此，在使用顏色名字時，我們最好先參考 CSS 規(guī)范，確定所用顏色的實際效果。

最后值得一提的是，CSS 中規(guī)定的顏色名字是不區(qū)分大小寫的。也就是說，我們可以使用 red、Red、RED 等等來表示同一個顏色。