HTML 顏色
HTML 顏色透過預定義的顏色名稱、RGB、HEX、HSL、RGBA 或 HSLA 值來指定。
顏色名稱
在 HTML 中，可以使用顏色名稱來指定顏色
番茄色
橙子
道奇藍
中海綠色
灰色
石板藍
紫羅蘭色
淺灰色
HTML 支援 140 種標準顏色名稱。
背景顏色
你可以為 HTML 元素設定背景顏色
你好世界
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
示例
<h1 style="background-color:DodgerBlue;">你好世界</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>
自己動手試一試 »
文字顏色
你可以設定文字顏色
你好世界
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
示例
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
自己動手試一試 »
邊框顏色
你可以設定邊框顏色
你好世界
你好世界
你好世界
示例
<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>
自己動手試一試 »
顏色值
在 HTML 中，顏色也可以使用 RGB 值、HEX 值、HSL 值、RGBA 值和 HSLA 值來指定。
以下三個 <div> 元素的背景顏色分別透過 RGB、HEX 和 HSL 值設定。
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
以下兩個 <div> 元素的背景顏色透過 RGBA 和 HSLA 值設定，它們為顏色添加了一個 Alpha 通道（這裡我們設定了 50% 的透明度）。
rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
示例
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
自己動手試一試 »
影片：HTML 顏色
