---
# System prepended metadata

title: CSS 3. 電腦顏色的儲存方式
tags: [2022 網頁開發全攻略教程 / CSS篇章]

---

# CSS 3. 電腦顏色的儲存方式


### reserved color

- 直接針對目標設定 color:

```
h1 {
    color: red;
}
```

- [可參考的，W3C HTML colors](https://www.w3schools.com/colors/colors_names.asp)


### rgb (三原色光模式)

- 意思即為，紅色g、綠色g、藍色b，三者比例的相加，所產生的各種不同的的顏色。

- rgb 在 CSS 色彩的設定:

  三者可設定的**數值範圍**為: 0 ~ 255 之間。

```
// (內設定數值: 0~255

h1 {
    h1 {
  color: rgb(red, green, blue) 
}
```

### rgba

- 與上面 rgb 一樣，但多了一個a，這個a 是用來設定透明度的。

  a 的數值設定則是: 0 ~ 1.0 之間。
  
![](https://i.imgur.com/RK5bNnf.png)



---

### hex color

- [可參考的工具](https://coloors86.netlify.app/)

- 使用六位數色碼，產生色彩，並且 copy 到 color 做使用

```
h1 {
  color: #952fe0;
}
```





###### tags: `2022 網頁開發全攻略教程 / CSS篇章`