CSS 通過使用十六進(jìn)制代碼設(shè)置特定的顏色預(yù)覽模式
你是否知道在 CSS 中還有其他表示顏色的方法拂共？其中的一種方法稱作 hexadecimal code（十六進(jìn)制編碼）际起，簡(jiǎn)寫為hex code梭灿。
我們通常使用decimals蟀架，也就是十進(jìn)制數(shù)字重挑，它對(duì)每一位數(shù)字使用符號(hào)0到9來表示讼呢。Hexadecimals（或hex）是十六進(jìn)制數(shù)字，這意味著它使用十六個(gè)不同的符號(hào)睡扬。像十進(jìn)制那樣盟蚣，符號(hào) 0-9 代表數(shù)值零到九，再使用 A卖怜、B屎开、C、D马靠、E奄抽、F 代表數(shù)值十到十五。合在一起甩鳄，用 0 到 F 可以代表hexadecimal中的每一位數(shù)字逞度，共為我們提供 16 個(gè)可能的數(shù)值。你可以在這兒找到更多關(guān)于十六進(jìn)制數(shù)字的信息妙啃。
在 CSS 中档泽，我們可以使用 6 位十六進(jìn)制數(shù)字來表示顏色，每 2 位分別表示紅色 (R)揖赴、綠色 (G) 和藍(lán)色 (B) 成分馆匿。例如，#000000是黑色燥滑，同時(shí)也是可能的數(shù)值中最小的渐北。你可以在這兒找到更多關(guān)于 RGB 顏色系統(tǒng)的信息。
把body元素的 background-color 由black替換成其hex code表示突倍，即#000000。
body {
background-color: #000000;
}
CSS 十六進(jìn)制白色表達(dá)方式
0是 hex code（十六進(jìn)制編碼）中最小的一個(gè)盆昙，它代表顏色的完全缺失羽历。
F是 hex code（十六進(jìn)制編碼）中最大的一個(gè)，它代表最大可能的亮度淡喜。
讓我們通過把 background-color 的 hex code 修改為#FFFFFF秕磷，以把body元素的背景改為白色。
body {
background-color: #FFFFFF;
}
CSS 十六進(jìn)制RGB紅色表達(dá)方式
你可能會(huì)疑惑為什么我們使用6位數(shù)來表示一種顏色而不是只用一位或二位炼团，答案是使用6位數(shù)可提供給我們巨大數(shù)量的顏色變化澎嚣。
會(huì)有多少種可能的顏色疏尿？16 個(gè)值和 6 個(gè)位置意味著我們有 16 的 6 次方，或者說超過 1600 萬(wàn)種可能的顏色易桃。
Hex code 遵循 red-green-blue（紅-綠-藍(lán)）褥琐，或者叫rgb格式。hex code 中的前兩位表示顏色中紅色的數(shù)量晤郑，第三四位代表綠色的數(shù)量敌呈，第五六位代表藍(lán)色的數(shù)量。
所以要得到絕對(duì)的純紅色造寝，你只需要在第一和第二位使用F（最大可能的數(shù)值）磕洪，且在第三、第四诫龙、第五和第六位使用0（最小可能數(shù)值）析显。
通過對(duì) background-color 應(yīng)用 hex code 值#FF0000以把body元素的背景色設(shè)置為紅色。
body {
background-color: #FF0000;
}
CSS 十六進(jìn)制RGB綠色表達(dá)方式
記住hex code遵循 red-green-blue（紅-綠-藍(lán)）签赃，或稱為rgb格式谷异。hex code 中的前兩位表示顏色中紅色的數(shù)量，第三四位代表綠色的數(shù)量姊舵，第五六位代表藍(lán)色的數(shù)量晰绎。
所以要得到絕對(duì)的純綠色，你只需要在第三和第四位使用F（最大可能的數(shù)值）括丁，且在其它位使用0（最小可能數(shù)值）荞下。
通過對(duì) background-color 應(yīng)用 hex code 值#00FF00以把body元素的背景色設(shè)置為綠色。
body {
background-color: #00FF00;
}
CSS 十六進(jìn)制RGB藍(lán)色表達(dá)方式
hex code遵循 red-green-blue（紅-綠-藍(lán)）史飞，或稱為rgb格式尖昏。hex code 中的前兩位表示顏色中紅色的數(shù)量，第三四位代表綠色的數(shù)量构资，第五六位代表藍(lán)色的數(shù)量抽诉。
所以要得到絕對(duì)的純藍(lán)色，你只需要在第五和第六位使用F（最大可能的數(shù)值）吐绵，且在其它位使用0（最小可能數(shù)值）迹淌。
通過對(duì) background-color 應(yīng)用 hex code 值#0000FF以把body元素的背景色設(shè)置為藍(lán)色。
body {
background-color: #0000FF;
}
CSS 十六進(jìn)制RGB混合顏色
從這三種純色（紅己单、綠唉窃、藍(lán)），我們能得到 1600 萬(wàn)種其它的顏色纹笼。
例如纹份，橙色是純紅，混合一些綠，沒有藍(lán)蔓涧。
通過對(duì) background-color 應(yīng)用 hex code 值#FFA500以把body元素的背景色設(shè)置為橙色件已。
body {
background-color: #FFA500;
}
CSS 灰色度設(shè)置
從這三種純色（紅、綠元暴、藍(lán)）篷扩，我們能得到 1600 萬(wàn)種其它的顏色。
我們也可以通過平均混合所有三種顏色得到不同灰度等級(jí)的灰色昨寞。
通過對(duì) background-color 應(yīng)用 hex code 值#808080以把body元素的背景色設(shè)置為灰色瞻惋。
body {
background-color: #808080;
}
CSS 不同等級(jí)的灰度設(shè)置
通過平均混合所有三種顏色，我們還可以得到其他色度等級(jí)的灰色援岩，這樣我們可以非常接近純黑色歼狼。
通過對(duì) background-color 應(yīng)用 hex code 值#111111以把body元素的背景色設(shè)置為深灰色。
CSS 十六進(jìn)制RGB表達(dá)式縮寫
許多人對(duì)超過 1600 萬(wàn)種顏色感覺十分地抓狂享怀，并且 hex code 非常難以記憶羽峰。幸運(yùn)的是，你可以縮短它添瓷。
例如梅屉，紅，hex code 是#FF0000鳞贷，可被縮寫成#F00坯汤。也就是說，一位表示紅搀愧，一位表示綠惰聂，一位表示藍(lán)。
這會(huì)把所有可能的顏色數(shù)減少至大約 4000 種咱筛，但是瀏覽器會(huì)把#FF0000和#F00解釋為完全相同的顏色搓幌。
繼續(xù)前進(jìn)，嘗試使用#F00把body元素的背景色改為紅色迅箩。
body {
background-color: #F00;
}
CSS 使用rgb屬性設(shè)定顏色
在 CSS 中表示顏色的另一個(gè)方法是使用rgb值溉愁。
代表黑色的 RGB 值看起來是下面的樣子：
rgb(0, 0, 0)
代表白色的 RGB 值看起來是下面的樣子：
rgb(255, 255, 255)
使用rgb，你通過 0 至 255 之間的一個(gè)數(shù)字來指定每種顏色的亮度饲趋，而不是像 hex code 那樣使用六個(gè)十六進(jìn)制數(shù)字拐揭。
如果你做個(gè)算術(shù)，16 乘以 16 總共有 256 個(gè)值奕塑，所以從零開始計(jì)數(shù)的rgb堂污，和 hex code 一樣有完全相同數(shù)量的可能數(shù)值。
讓我們用黑色的 RGB 值rgb(0, 0, 0)替換掉body元素背景色的 hex code爵川。
body {
background-color: rgb(0敷鸦，0息楔，0);
}
CSS 使用rgb屬性設(shè)定白色
代表黑色的 RGB 值看起來是下面的樣子：
rgb(0, 0, 0)
代表白色的 RGB 值看起來是下面的樣子：
rgb(255, 255, 255)
使用rgb寝贡，你通過 0 至 255 之間的一個(gè)數(shù)字來指定每種顏色的亮度扒披，而不是像 hex code 那樣使用六個(gè)十六進(jìn)制數(shù)字。
把body元素的背景色從黑色的 RGB 值修改為白色的rgb值rgb(255, 255, 255)圃泡。
body {
background-color: rgb(255, 255, 255);
}
CSS 使用rgb屬性設(shè)定紅色
和使用 hex code 一樣碟案，你可以通過不同數(shù)值的組合來表示 RGB 中不同的顏色。
這些數(shù)值遵循 RGB 順序模式：第一位表示紅色颇蜡，第二位表示綠色价说，第三位表示藍(lán)色。
把body元素的背景色修改為紅色的 RGB 值：rgb(255, 0, 0)风秤。
body {
background-color: rgb(255, 0, 0);
}
CSS 使用rgb屬性設(shè)定綠色
現(xiàn)在將body元素的背景色修改為綠色的rgb值：rgb(0, 255, 0)鳖目。
body {
background-color: rgb(0, 255, 0);
}
CSS 使用rgb屬性設(shè)定藍(lán)色
將你的body元素的背景色修改為藍(lán)色的 RGB 值：rgb(0, 0, 255)。
body {
background-color: rgb(0, 0, 255);
}
CSS 使用rgb屬性設(shè)定混合顏色
就像使用 hex code 一樣缤弦，你可以使用不同數(shù)值的組合在 RGB 中混合出各種顏色领迈。
將body元素的背景色修改為橙色的 RGB 值：rgb(255, 165, 0)。
body {
background-color: rgb(255, 165, 0);
}
