HTML中style/css/color設定顏色值(RGB值)的幾種方法（常見顏色和色值）
阿新 • • 發佈：2022-04-14
HTML中style/css/color設定顏色值(RGB值)的幾種方法（常見顏色和色值）
一般成體系的前端開發，會有UED給出具體的值，也會統一一個表達方式，所以開發不用關心值的問題。
但日常仍然會遇到很多表達方式的不同，尤其是十進位制和十六進位制轉換太麻煩，所以特別記錄下不同的表達方式。
顏色是UI中必不可少的組成部分，所以color屬性使用很頻繁，比如文字(color)、背景色(background-color)、邊框色(border-color)等。
這裡只記錄幾種常見的表達方式，所有支援的方式可參考 1：
| 方式 | 樣例 | 說明 |
|---|---|---|
| 顏色英文 | color:blue |
從css1~css3，支援的顏色種類越來越多了，具體可以參考 2 ；注意不同瀏覽器對顏色的渲染可能有所不同 |
RGB值 |
color:rgb(100,100,100) |
三原色：r代表red紅色，g代表green綠色，b代表blue藍色 括號中值依次為紅綠藍（每個值範圍在0~255之間） |
| 十六進位制 | color:#C3B2A1 |
每個顏色佔兩位、順序依次為紅綠藍； * #CCBBAA可簡寫為#CBA |
自用取色工具推薦：
- 檢視常用色值：http://www.5tu.cn/colors/yansezhongwenming.html
- 取色、色值說明：https://encycolorpedia.cn/
。感謝進階的JFarmer的分享（https://blog.csdn.net/weixin_43896318/article/details/103393190）