整合營銷服務商

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

          免費咨詢熱線:

          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,我們一起飛!

          果你是一個電子科技愛好者,或者對攝影和圖像處理有所了解,一定不會對RGB這個詞感到陌生。隨著它出現頻率越來越高,領域跨度變大,相信很多人都和小編一樣對它開始好奇,于是小編決定花5分鐘的時間來詳細了解一下這三個字母背后的含義。

          在電腦配件中,RGB(燈)作為一種外觀的加成,通常指的是可以變色的光帶,它可以出現在各種外設身上,鼠標,鍵盤,機箱甚至內存條上;到了顯示設備,RBG帶上了前綴,sRGB,AdobeRGB,ProPhoto RGB,ColorMatch RGB等,它搖身一變,含義換成了色域/色彩空間(color space),我們說一個顯示器有超大的色域,那就意味著它能顯示更多種類的色彩;而在計算機領域,當我們談論RGB的時候,往往指的是一種色彩的表達方式,或者說是用數字來表示顏色的辦法,這也是我們今天想聊的內容。

          燈廠出品,必屬精品 | Credit: Alienware

          RGB顏色系統

          我們一把RGB翻譯過來,事情就變得簡單明了了:R-Red(紅色),G-Green(綠色),B-Blue(藍色)。看到這,聰明的你一定恍然大悟,RGB就是用紅、綠、藍三色作為基色,把它們以不同比例“調配”,來得到各種顏色的方法!

          在電腦里,想要用數字來表示RGB系統里的一種顏色,我們當然需要三個“坐標”:【紅(0-255),綠(0-255),藍(0-255)】,即色光三原色

          從0到255(計算機里256=2^8,對應8個bit),三種基色,RGB顏色系統一共可以表示256*256*256=16777216種不同的顏色。由于16777216等于2的24次方,所以RGB系統產生的圖像也被叫做24位圖像

          眾所周知,紅光+綠光+藍光=白光。那么相應的,我們把紅綠藍三色全開(全為255),那么RGB(255,255,255)就是白色,純紅色則對應RGB(255,0,0),黃色對應的是RGB(255,255,0),而黑色為RGB(0,0,0)。當然這里隱含的意思就是,紅綠藍三種顏色都不出現(全為0)的時候,顯示為黑色,這既符合沒有光線時對應的黑暗,也符合各種顯示屏的工作特點。

          有時候,我們也會看到由6位符號構成的顏色表示方法,例如:FF007F,它同樣對應了RGB中的紫色。但是FF007F與(127,0,255)之間到底有什么不可告人的關聯呢?

          由于RGB系統的基石是三原色光,很自然地,我們將FF007F拆開成3份試一試,FF-00-7F。聰明的你應該已經猜測到,這每一份分明就是對應的一個數值哇!

          如果你對十六進制數有所耳聞,那么大可以自己嘗試去換算,你會發現“FF”對應的是藍色的255,“00”對應綠色的0,而“7F”在十六進制中正好等于127。

          PS:編程語言里,在前面加上#,電腦就能知道我們想要的顏色了。

          “#0000FF”“給我大紅!”

          CMYK顏色系統

          面對CMYK系統,我們還是使用一樣的套路:C-Cyan(青色),M-Magenta(品紅),Y-Yellow(黃色),K-Black(黑色)。

          印刷三原色與色光三原色的聯系

          青色,品紅和黃色又稱為印刷三原色,用于印刷打印。和色光主動發出光線,顏色相互疊加(加色法)相反,印刷品顯示出的顏色來自于反射光,經過油墨吸收后剩下的光被人眼看到,是一種減色法

          雖然說基色無法通過混合得到,但前提是,混合遵循的是同一種法則,加色法與減色法屬于不同的兩種法則,自然可以打破這個限制。

          減色法中兩種基色相混合可以得到加色法中的基色,反之亦然。瞧瞧上圖吧,品紅與青色在減色法里居然得到了藍色!這在加色法中是不可能的事情,因為藍色是三原色中的一員。

          根據減色法的原理,青色、品紅和黃色按1:1:1印刷時,理論上所有顏色的光都會被吸收,從而顯示出黑色。但是實際情況下,我們制作的油墨不能達到理論的純度,比例也沒法做到完美,所以這樣調配出的往往是奇怪的深屎黑色。

          奈何印刷中用得最多的就是黑色,為了解決黑色的打印問題,我們在印刷三原色的基礎上增加了K-Black,專門負責黑色相關的打印。取單詞的末尾字母K是為了防止與藍色的B混淆。這樣一來,黑白打印就只需要調整K的值了(調整灰度),CMY的值全都為0。

          所以下一次給彩色打印機上墨盒的時候,如果有人好奇為什么要3個彩色加1個黑色,我們可以自信的回答,當然是因為CMYK呀!

          依次是RGB CMYK 灰度 黑白的牛油果

          其他顏色系統

          除開RGB和CMYK,還有一種常見的顏色系統——色相環(HSB)系統

          色相環

          此色相非彼色相,搞顏色一定要有證據。色相環是一個漸變色的圓環,0°,120°和240°的地方分別對應了三種顏色,其他角度則是中間的過度色相。所謂色相(Hue),就是區分各類顏色的基本特征,除了黑白灰之外,所有顏色都有色相這一屬性。

          選定了色相H,我們再來看SB吧(= =)。S-Saturation,即飽和度,可以理解成顏色的鮮艷程度或者純度;B-Brightness,明度,顧名思義就是指顏色的明暗程度。色相,飽和度和明度共同構成了色彩的三大要素,所以我們可以用HSB系統來確定顏色。

          色相,飽和度,明度在色彩里形象的表達

          例如紅色表示為HSB(0,100,100),紫色則是HSB(276,46,52)。

          順帶一提,以上涉及的都是顏色系統,或者叫色彩模型(color model),是用數學辦法來拆分、表示色彩的手段,主要目的是為了把顏色數字化,從而更好地服務于計算機編程。至于色域中的RGB,下次有機會小編再和大家聊吧~

          多樣的顏色系統

          參考資料:

          http://www.soomal.com/doc/10100002110.htm

          http://katharinethayer.com/html/RGBseps.html

          https://107cine.com/stream/99733/

          https://zhuanlan.zhihu.com/p/19652492

          來源:牛油果進化論

          編輯:重光

          近期熱門文章Top10

          ↓ 點擊標題即可查看 ↓

          1. 首屆黑洞PS大賽來襲!為了這張「高糊」的圖,中國科學家做出了啥貢獻?

          2. 物理學四大神獸,除了“薛定諤的貓”還有誰?

          3. 地下多大的金礦才能影響到單擺實驗?| No.149

          4. 為什么用木棍打衣服就可以洗干凈衣服?| No.150

          5. 為了替你出氣,我們給討厭的楊柳絮來個「以暴制暴」

          6. 玩掃雷還有什么技巧?科學家的玩游戲方法你絕對想不到

          7. 在我國,沒有任何一張地圖能告訴你你的真實位置

          8. 在客戶魚嘴里提供服務的小清潔蝦、清潔魚,是怎么知道自己不會被吃掉的呢?

          9. 你以為土撥鼠只會尖叫?其實它可能正在罵你

          10. 你知道為了測博爾特的速度,我們有多努力嘛?

          tml代碼里,表示顏色一般用兩種方法,一種是直接寫出顏色的英文,另一種是前面寫個“#”后面再寫6個數字字母。

          先說第一種表示方法,這個很簡單,如果要表示黑色直接就是black,紅色就red,藍色就blue。具體的我們看下面圖1,圖2

          圖1

          圖2

          現在來說第二種,這也是我們這個文章要重點說的,因為這個也是最經常用的表示方法,很多人看到這個又是字數又是字母的就糊涂了,今天我們來詳細的把它講清楚。先用圖片來說明一下,先看下面圖3

          圖3

          圖3里的#000000表示的是黑色,#ff0000表示紅色,#00ff00表示綠色,所以說這個效果是和圖1一樣的。那要怎么理解這種表示顏色的方法呢,我們再來列出幾個顏色和它的表示法:

          紅色:#ff0000,綠色:#00ff00,藍色:#0000ff, 大家仔細看一下就可發現,這個和我們平常說的RGB格式來表示顏色是一樣的,相當于紅綠藍三個光,而f是十六進制中的0,1,2,.....e,f中的f了 。f是里面的最大值了,ff代表該顏色光的值達到最大,所以#ff0000是紅色,#880000表示的也是紅色,只是沒有#ff0000這個那么紅了。其他的也是同理。所以#000000代表三個顏色光的值都為0,沒有任何光了,那就是黑色了,相反#ffffff代表三個顏色光的值都達到最大,混合在一起就成白色。我們也知道紅光和藍光混在一起是紫色的,所以#ff00ff表示的是紫色,同樣#ffff00表示的是黃色。講到這里相信大家應該都明白了怎樣用這種方法表示顏色了吧,如果要表示一種顏色,只要把相應的值增加或減小或者添加另一個顏色,這樣就可以得到千千萬萬種顏色了。

          這兩種表示顏色的方法都講完了,尤其是第二種方法,大部分情況都是用這種方法來表示html里面的顏色的。如果大家有什么更好的更容易理解的想法,可以點擊關注【點點有你】一起來討論一下哦

          最后,如果您覺得我寫的這些文章對您有幫助的話,您可以根據您的情況隨意給點賞金,我相信一分也是愛也是支持,下面兩圖是我的支付寶和微信收款碼。當然寫文章不是一定要讓您給賞金的,有您的支持和贊助,我會有更多動力來寫文章和大家分享的,再次感謝您的支持和理解!


          主站蜘蛛池模板: 日韩一区二区a片免费观看| 国产成人一区在线不卡| 一区二区三区四区电影视频在线观看| 成人毛片一区二区| 成人国产一区二区三区| 在线不卡一区二区三区日韩| 人妻无码一区二区不卡无码av| 精品女同一区二区三区免费播放 | 麻豆AV一区二区三区久久| 色婷婷综合久久久久中文一区二区| 在线不卡一区二区三区日韩| 国产精品久久久久久麻豆一区| 伊人久久大香线蕉av一区| 亚洲国产综合无码一区二区二三区| 亚洲码欧美码一区二区三区| 亚洲综合无码一区二区三区| 好看的电影网站亚洲一区| 国产一区二区三区不卡AV| 一区二区三区无码视频免费福利| 无码人妻一区二区三区精品视频| 在线免费观看一区二区三区| 亚洲精品精华液一区二区| 亚洲欧美一区二区三区日产| 在线欧美精品一区二区三区| 亚洲国产欧美一区二区三区 | 精品欧洲AV无码一区二区男男| 国产另类TS人妖一区二区| 中文字幕日本精品一区二区三区| 国产精品小黄鸭一区二区三区| 无码少妇一区二区浪潮免费| 人妻少妇精品视频三区二区一区| 亚洲中文字幕久久久一区| 午夜福利无码一区二区| 国产成人av一区二区三区在线观看| 国产一区二区精品在线观看| 小泽玛丽无码视频一区| 国语精品一区二区三区| av无码免费一区二区三区| 日本一道高清一区二区三区| 国产一区二区三区在线免费| 久久99国产一区二区三区|