HTML中style/css/color設置顏色值(RGB值)的幾種方法（常見顏色和色值）

HTML中style/css/color設置顏色值(RGB值)的幾種方法（常見顏色和色值）

一般成體系的前端開發，會有UED給出具體的值，也會統一一個表達方式，所以開發不用關心值的問題。
但日常仍然會遇到很多表達方式的不同，尤其是十進制和十六進制轉換太麻煩，所以特別記錄下不同的表達方式。

顏色是UI中必不可少的組成部分，所以color屬性使用很頻繁，比如文字(color)、背景色(background-color)、邊框色(border-color)等。

這里只記錄幾種常見的表達方式，所有支持的方式可參考 ¹：

方式	樣例	說明
顏色英文	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）

---

1. color屬性：https://www.w3school.com.cn/cssref/css_colors_legal.asp ↩︎

2. color的固定名：https://www.w3schools.com/cssref/css_colors.asp ↩︎

https://blog.csdn.net/zgdwxp/article/details/100096097