網頁顏色 | html顏色
此條目需要更新。(2022年4月24日)請更新本文以反映近況和新增內容。完成修改時,請移除本模板。網頁顏色是在全球資訊網上設計網頁時,表示各種顏色的方法。顏色可以用三組十六進位數字表示,部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。此外還有直接使用多組十進位表示的方法。十六進位數字表示方法[編輯]在HTML和CSS中使用3位元組共6個十六進位數字表示一種顏色,每位元組從00到FF,相當十進位數字從0到255,按順序前兩位是紅色的值,中間兩位是綠色的值,最後兩位是藍色的值。由於網頁是基於計算機瀏覽器...
此條目需要更新。 (2022年4月24日)請更新本文以反映近況和新增內容。完成修改時,請移除本模板。網頁顏色是在全球資訊網上設計網頁時,表示各種顏色的方法。顏色可以用三組十六進位數字表示,部分常用顏色或和上下文相關的內容也可以用英語名稱的「關鍵字」來表示。此外還有直接使用多組十進位表示的方法。
十六進位數字表示方法[編輯]在HTML和CSS中使用3位元組共6個十六進位數字表示一種顏色,每位元組從00到FF,相當十進位數字從0到255,按順序前兩位是紅色的值,中間兩位是綠色的值,最後兩位是藍色的值。
由於網頁是基於計算機瀏覽器開發的媒體,所以顏色以光學顏色RGB(紅、綠、藍)為主。 網頁顏色是以16進位代碼表示,一般以「#」號開頭,後面分別為R、G、B的16位進位數。 FF為最大數,代表十進位255。比如白色是R、G、B三個顏色最大,在網頁代碼便是:#FFFFFF。黑色是三個顏色為0,在網頁代碼便是:#000000。當顏色代碼為#XXYYZZ時,可以用#XYZ表示,如#135與#113355表示同樣的顏色。在CSS中,也可以使用rgb(127,127,127)代替#7F7F7F(十進位表示)。
例如一種顏色在十進位中紅、綠、藍的比例分別是36、104、160(■),在十六進位制中則分別為24、68、A0,所以十六進位制數字表示方法就為:2468A0,如果數字小於16,在十六進位中就會小於10,前面就要加0,如在十進位中分別為0、1、2,在十六進位制數字表示方法中就為:000102,所以可以表示的顏色數總共有:2563 = 16,777,216 種。[1]
CSS顏色模塊第四版引入了#RRGGBBAA和#RGBA的表示方式。
十進位「函數」表示[編輯]從CSS 2.1開始,提供有rgb(red,green,blue)的十進位顏色代碼。
從CSS 3開始,網頁顏色支持RGBA和HSLA顏色表示法:
rgba(255,0,0,0.5) - 半透明的紅色。 hsla(120,100%,50%,0.3) - 半透明 (0.3) 的綠色。這樣的語法提供了使用透明色的可能性。[1]
顏色名稱[編輯]在HTML 4.01版本中,確定了16種...