整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 顏色

          TML 顏色由紅色、綠色、藍色混合而成。

          顏色值

          HTML 顏色由一個十六進制符號來定義,這個符號由紅色、綠色和藍色的值組成(RGB)。

          種顏色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。

          這個表格給出了由三種顏色混合而成的具體效果:

          顏色值

          顏色(Color)顏色十六進制(Color HEX)顏色RGB(Color RGB)
          #000000rgb(0,0,0)
          #FF0000rgb(255,0,0)
          #00FF00rgb(0,255,0)
          #0000FFrgb(0,0,255)
          #FFFF00rgb(255,255,0)
          #00FFFFrgb(0,255,255)
          #FF00FFrgb(255,0,255)
          #C0C0C0rgb(192,192,192)
          #FFFFFFrgb(255,255,255)


          1600萬種不同顏色

          三種顏色 紅,綠,藍的組合從0到255,一共有1600萬種不同顏色(256 x 256 x 256)。

          在下面的顏色表中你會看到不同的結果,從0到255的紅色,同時設置綠色和藍色的值為0,隨著紅色的值變化,不同的值都顯示了不同的顏色。

          Red LightColor HEXColor RGB
          #000000 rgb(0,0,0)
          #080000rgb(8,0,0)
          #100000rgb(16,0,0)
          #180000rgb(24,0,0)
          #200000rgb(32,0,0)
          #280000rgb(40,0,0)
          #300000rgb(48,0,0)
          #380000rgb(56,0,0)
          #400000rgb(64,0,0)
          #480000rgb(72,0,0)
          #500000rgb(80,0,0)
          #580000rgb(88,0,0)
          #600000rgb(96,0,0)
          #680000rgb(104,0,0)
          #700000rgb(112,0,0)
          #780000rgb(120,0,0)
          #800000rgb(128,0,0)
          #880000rgb(136,0,0)
          #900000rgb(144,0,0)
          #980000rgb(152,0,0)
          #A00000rgb(160,0,0)
          #A80000rgb(168,0,0)
          #B00000rgb(176,0,0)
          #B80000rgb(184,0,0)
          #C00000rgb(192,0,0)
          #C80000rgb(200,0,0)
          #D00000rgb(208,0,0)
          #D80000rgb(216,0,0)
          #E00000rgb(224,0,0)
          #E80000rgb(232,0,0)
          #F00000rgb(240,0,0)
          #F80000rgb(248,0,0)
          #FF0000rgb(255,0,0)

          灰暗色調

          以下展示了灰色到黑色的漸變

          Gray ShadesColor HEXColor RGB
          #000000 rgb(0,0,0)
          #080808 rgb(8,8,8)
          #101010 rgb(16,16,16)
          #181818 rgb(24,24,24)
          #202020 rgb(32,32,32)
          #282828 rgb(40,40,40)
          #303030 rgb(48,48,48)
          #383838 rgb(56,56,56)
          #404040 rgb(64,64,64)
          #484848 rgb(72,72,72)
          #505050 rgb(80,80,80)
          #585858 rgb(88,88,88)
          #606060 rgb(96,96,96)
          #686868 rgb(104,104,104)
          #707070 rgb(112,112,112)
          #787878 rgb(120,120,120)
          #808080 rgb(128,128,128)
          #888888 rgb(136,136,136)
          #909090 rgb(144,144,144)
          #989898 rgb(152,152,152)
          #A0A0A0 rgb(160,160,160)
          #A8A8A8 rgb(168,168,168)
          #B0B0B0 rgb(176,176,176)
          #B8B8B8 rgb(184,184,184)
          #C0C0C0 rgb(192,192,192)
          #C8C8C8 rgb(200,200,200)
          #D0D0D0 rgb(208,208,208)
          #D8D8D8 rgb(216,216,216)
          #E0E0E0 rgb(224,224,224)
          #E8E8E8 rgb(232,232,232)
          #F0F0F0 rgb(240,240,240)
          #F8F8F8 rgb(248,248,248)
          #FFFFFF rgb(255,255,255)

          Web安全色?

          數年以前,當大多數計算機僅支持 256 種顏色的時候,一系列 216 種 Web 安全色作為 Web 標準被建議使用。其中的原因是,微軟和 Mac 操作系統使用了 40 種不同的保留的固定系統顏色(雙方大約各使用 20 種)。

          我們不確定如今這么做的意義有多大,因為越來越多的計算機有能力處理數百萬種顏色,不過做選擇還是你自己。

          最初,216 跨平臺 web 安全色被用來確保:當計算機使用 256 色調色板時,所有的計算機能夠正確地顯示所有的顏色。

          0000000000330000660000990000CC0000FF
          0033000033330033660033990033CC0033FF
          0066000066330066660066990066CC0066FF
          0099000099330099660099990099CC0099FF
          00CC0000CC3300CC6600CC9900CCCC00CCFF
          00FF0000FF3300FF6600FF9900FFCC00FFFF
          3300003300333300663300993300CC3300FF
          3333003333333333663333993333CC3333FF
          3366003366333366663366993366CC3366FF
          3399003399333399663399993399CC3399FF
          33CC0033CC3333CC6633CC9933CCCC33CCFF
          33FF0033FF3333FF6633FF9933FFCC33FFFF
          6600006600336600666600996600CC6600FF
          6633006633336633666633996633CC6633FF
          6666006666336666666666996666CC6666FF
          6699006699336699666699996699CC6699FF
          66CC0066CC3366CC6666CC9966CCCC66CCFF
          66FF0066FF3366FF6666FF9966FFCC66FFFF
          9900009900339900669900999900CC9900FF
          9933009933339933669933999933CC9933FF
          9966009966339966669966999966CC9966FF
          9999009999339999669999999999CC9999FF
          99CC0099CC3399CC6699CC9999CCCC99CCFF
          99FF0099FF3399FF6699FF9999FFCC99FFFF
          CC0000CC0033CC0066CC0099CC00CCCC00FF
          CC3300CC3333CC3366CC3399CC33CCCC33FF
          CC6600CC6633CC6666CC6699CC66CCCC66FF
          CC9900CC9933CC9966CC9999CC99CCCC99FF
          CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
          CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
          FF0000FF0033FF0066FF0099FF00CCFF00FF
          FF3300FF3333FF3366FF3399FF33CCFF33FF
          FF6600FF6633FF6666FF6699FF66CCFF66FF
          FF9900FF9933FF9966FF9999FF99CCFF99FF
          FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
          FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          們在做網頁時,經常會用到十六進制顏色代碼,一個漂亮的網頁,它的顏色搭配必定有講究,下表是一些常用的顏色及十六進制顏色代碼對照,記錄在此,以便查閱!

          SS Colors

          CSS的顏色可以通過以下方法指定:

          • 十六進制顏色

          • RGB顏色

          • RGBA顏色

          • HSL色彩

          • HSLA顏色

          • 預定義/跨瀏覽器的顏色名稱


          十六進制顏色

          所有主要瀏覽器都支持十六進制顏色值。

          指定一個十六進制的顏色其組成部分是:#RRGGBB,其中RR(紅色),GG(綠色)和BB(藍色)。所有值必須介于0和FF之間。

          <p例如,#0000FF值呈現為藍色,因為藍色的組成設置為最高值(FF)而其他設置為0。

          實例

          p

          {

          background-color:#ff0000;

          }


          RGB顏色

          RGB顏色值在所有主要瀏覽器都支持。

          RGB顏色值指定:RGB(紅,綠,藍)。每個參數(紅色,綠色和藍色)定義顏色的亮度,可在0和255之間,或一個百分比值(從0%到100%)之間的整數。

          例如RGB(0,0,255)值呈現為藍色,因為藍色的參數設置為最高值(255)而其他設置為0。

          此外,下面的值定義相同的顏色:RGB(0,0,255),RGB(0%,0%,100%)。

          實例

          p

          {

          background-color:rgb(255,0,0);

          }

          嘗試一下 ?


          RGBA顏色

          RGBA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。

          RGBA顏色值是RGB顏色值alpha通道的延伸 - 指定對象的透明度。

          RGBA顏色值指定:RGBA(紅,綠,藍,alpha)。 Alpha參數是一個介于0.0(完全透明)和1.0(完全不透明)之間的參數。

          實例

          p

          {

          background-color:rgba(255,0,0,0.5);

          }


          HSL顏色

          IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL顏色值。

          HSL代表色相,飽和度和亮度 - 使用色彩圓柱坐標表示。

          HSL顏色值指定:HSL(色調,飽和度,明度)。

          色相是在色輪上的程度(從0到360)-0(或360)是紅色的,120是綠色的,240是藍色的。飽和度是一個百分比值;0%意味著灰色和100%的陰影,是全彩。亮度也是一個百分點;0%是黑色的,100%是白色的。

          實例

          p

          {

          background-color:hsl(120,65%,75%);

          }

          嘗試一下 ?


          HSLA顏色

          HSLA顏色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.

          HSLA的顏色值是一個帶有alpha通道的HSL顏色值的延伸 - 指定對象的透明度。

          指定HSLA顏色值:HSLA(色調,飽和度,亮度,α),α是Alpha參數定義的不透明度。 Alpha參數是一個介于0.0(完全透明)和1.0(完全不透明)之間的參數。

          實例

          p

          {

          background-color:hsla(120,65%,75%,0.3);

          }

          嘗試一下 ?


          預定義/跨瀏覽器的顏色名稱

          147是在HTML和CSS顏色規范預定義的顏色名稱。你可以查看我們的預定義顏色名稱表。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 色偷偷久久一区二区三区| 色婷婷AV一区二区三区浪潮| 无码人妻aⅴ一区二区三区| 鲁大师成人一区二区三区| 末成年女A∨片一区二区| 国产激情一区二区三区 | 精品国产一区二区三区| 中文字幕一区二区三区精彩视频| 国产成人综合精品一区| 精品视频在线观看一区二区| 亚洲欧美日韩国产精品一区| 国产成人精品日本亚洲专一区| 日本高清不卡一区| 国产伦理一区二区| 色欲AV蜜臀一区二区三区| 综合人妻久久一区二区精品 | 国产免费一区二区三区在线观看| 亚洲AⅤ视频一区二区三区| 视频一区二区三区免费观看| 动漫精品第一区二区三区| 国产无吗一区二区三区在线欢| 九九无码人妻一区二区三区| 无码人妻精一区二区三区| 欧洲精品一区二区三区| 国产亚洲综合精品一区二区三区| 国产欧美一区二区精品仙草咪| 久久久无码精品人妻一区| 国产成人精品一区二三区| 性色AV 一区二区三区| AV无码精品一区二区三区宅噜噜| 国产波霸爆乳一区二区| 国产成人无码精品一区二区三区| 精品一区二区三区中文字幕| 在线播放国产一区二区三区| 久久中文字幕无码一区二区| 日韩精品无码人妻一区二区三区 | 天美传媒一区二区三区| 国产精品亚洲综合一区在线观看| 色一情一乱一伦一区二区三区日本| 国产在线观看一区二区三区精品| 色一乱一伦一图一区二区精品 |