在CSS中，使用color屬性來定義字體顏色。
語法：
color:顏色值;
說明：
顏色值是一個關鍵字或一個16進制的RGB值。
關鍵字指的就是顏色的英文名稱，如red、blue、green等。
在Visual Studio或其他編輯軟件都出現自動提示，你直接點擊就可以免輸入了。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>color屬性</title>
<style type="text/css">
#p1{color:gray;}
#p2{color:orange;}
#p3{color:red;}
</style>
</head>
<body>
<p id="p1">字體顏色為灰色</p>
<p id="p2">字體顏色為橙色</p>
<p id="p3">字體顏色為紅色</p>
</body>
</html>
在浏覽器預覽效果如下：
color屬性值還可以取16進制RGB，所謂的16進制RGB值指的就是類似“#FBF9D0”這種形式的值。學過Photoshop的朋友可能比較熟悉這樣的數值。
那這個值是怎樣來的呢？怎樣取得到我們需要的顏色值呢？很多教程往往都會跳過這一步，可是別忘了，我們打造的這一套教程絕對都是精品，肯定會考慮到初學者的需求的。哎，畢竟哥曾經也迷茫過……
對於顏色值的選取，大家可以使用 學習網開發的“在線調色板”工具。“在線調色板”是一個非常簡潔方便的顏色選取工具，最重要的是它的本地存儲功能。大家在CSS練習或開發網站的過程中需要大量使用重復地顏色值，這個時候 學習網的“在線調色板”的顏色庫功能就很好用了。對於這個在線工具，大家稍微摸索一下就會用了，希望大家喜歡。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>color屬性</title>
<style type="text/css">
#p1{color: #03FCA1;}
#p2{color: #048C02;}
#p3{color: #CE0592;}
</style>
</head>
<body>
<p id="p1">字體顏色為#03FCA1</p>
<p id="p2">字體顏色為#048C02</p>
<p id="p3">字體顏色為#CE0592</p>
</body>
</html>
在浏覽器預覽效果如下：