CSS中有許多種顏色值，其中一種比較常見的是透明顏色值。透明顏色值可以使元素有一些透明的效果，讓網頁更具美感。

透明顏色值的寫法有兩種：

1. RGBA顏色值
rgba(red,green,blue,alpha)
這里的alpha表示透明度，范圍從0到1。
例如：background-color: rgba(255, 255, 255, 0.5);
表示白色背景半透明。
2. HSLA顏色值
hsla(hue, saturation, lightness, alpha)
這里的alpha也表示透明度，范圍從0到1。
例如：background-color: hsla(0, 100%, 50%, 0.5);
表示紅色背景半透明。

下面是兩個例子：

<div>
<p>這是一個用rgba定義的半透明背景</p>
</div>
div {
background-color: rgba(0, 0, 0, 0.5);
padding: 20px;
}
<div>
<p>這是一個用hsla定義的半透明背景</p>
</div>
div {
background-color: hsla(120, 100%, 50%, 0.5);
padding: 20px;
}

以上代碼的效果分別為：

透明顏色值的應用非常廣泛，例如，可以將圖片作為背景，然后用透明顏色值將其遮蓋部分透明化；還可以給文字添加半透明背景，以突出顯示文字。