HTML顏色代碼表和16進制顏色代碼表是網頁設計與前端開發(fā)中用于定義顏色的標準參考工具,它們以統(tǒng)一的格式幫助開發(fā)者和設計師準確指定頁面元素的顏色。這類表格將常見顏色與其對應的十六進制(Hex)代碼、RGB值等表示方式一一列出,便于復制使用。
一、什么是HTML顏色代碼表?
HTML顏色代碼表是一個列出HTML和CSS中可識別顏色名稱及其對應數值的參考表。它包含以下內容:
顏色名稱:如 red、blue、black 等,共140多種標準顏色名稱被現(xiàn)代瀏覽器支持。
十六進制代碼:如 #FF0000 表示紅色,是HTML中最常用的表示方式。
RGB函數值:如 rgb(255, 0, 0),用于在CSS中動態(tài)調整顏色或設置透明度(RGBA)。
示例:
顏色名:Red → Hex:#FF0000 → RGB:rgb(255,0,0)
顏色名:Blue → Hex:#0000FF → RGB:rgb(0,0,255)
這類表格通常按顏色名稱或Hex值排序,方便查找。
二、什么是16進制顏色代碼表?
16進制顏色代碼表是以 #RRGGBB 格式為核心的顏色對照表,其中:
RR:紅色通道強度(00~FF,即十進制0~255)
GG:綠色通道強度
BB:藍色通道強度
每種顏色由紅、綠、藍三原色的不同強度組合而成,總共可表示約1677萬種顏色(256×256×256)。
常見簡寫規(guī)則:
當每對數值相同時,可使用3位簡寫形式:
#FF0000 → #F00(紅色)
#00FF00 → #0F0(綠色)
#0000FF → #00F(藍色)
這種格式廣泛應用于CSS樣式、HTML屬性和設計軟件中。
三、核心顏色示例對照表
表格
顏色名稱 Hex代碼 RGB值
黑色 #000000 rgb(0,0,0)
白色 #FFFFFF rgb(255,255,255)
紅色 #FF0000 rgb(255,0,0)
綠色 #008000 rgb(0,128,0)
藍色 #0000FF rgb(0,0,255)
黃色 #FFFF00 rgb(255,255,0)
灰色 #808080 rgb(128,128,128)
橙色 #FFA500 rgb(255,165,0)
注:綠色的標準Hex為 #008000,而 #00FF00 被稱為“Lime”(酸橙色),亮度更高。
四、擴展功能與現(xiàn)代應用
透明度支持(8位Hex):
使用 #RRGGBBAA 格式,最后兩位 AA 表示透明度,如 #80808080 為半透明灰色。
Web安全色:
早期為確??缭O備顯示一致,定義了216種“Web安全色”,均由兩位相同數字組成(如 #336699),現(xiàn)已非必需。
在線調用與工具集成:
多數代碼編輯器和設計軟件內置顏色選擇器,點擊即可插入Hex代碼,提升效率。