16進(jìn)制顏色

1.我們通常使用 decimals,也就是十進(jìn)制數(shù)字,它對(duì)每一位數(shù)字使用符號(hào)0到9來(lái)表示。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ù)值
在 CSS 中,我們可以使用 6 位十六進(jìn)制數(shù)字來(lái)表示顏色,每 2 位分別表示紅色 (R)、綠色 (G) 和藍(lán)色 (B) 成分。例如,#000000 是黑色,同時(shí)也是可能的數(shù)值中最小的

0 是 hex code(十六進(jìn)制編碼)中最小的一個(gè),它代表顏色的完全缺失。
F 是 hex code(十六進(jìn)制編碼)中最大的一個(gè),它代表最大可能的亮度。

2.Hex code 遵循 red-green-blue(紅-綠-藍(lán)),或者叫 rgb 格式。hex code 中的前兩位表示顏色中紅色的數(shù)量,第三四位代表綠色的數(shù)量,第五六位代表藍(lán)色的數(shù)量。

所以要得到絕對(duì)的純紅色,你只需要在第一和第二位使用 F (最大可能的數(shù)值),且在第三、第四、第五和第六位使用 0 (最小可能數(shù)值)。
紅色:#FF0000 黑色:#000000 藍(lán)色:#0000FF 灰色:#808080
綠色:#00FF00 白色:#FFFFFF 橙色:#FFA500 深灰:#111111

3.許多人對(duì)超過(guò) 1600 萬(wàn)種顏色感覺(jué)十分地抓狂,并且 hex code 非常難以記憶。幸運(yùn)的是,你可以縮短它。
例如,紅,hex code 是 #FF0000 ,可被縮寫成 #F00。也就是說(shuō),一位表示紅,一位表示綠,一位表示藍(lán)。
這會(huì)把所有可能的顏色數(shù)減少至大約 4000 種,但是瀏覽器會(huì)把 #FF0000 和 #F00 解釋為完全相同的顏色。

4.在 CSS 中表示顏色的另一個(gè)方法是使用 rgb 值。
代表黑色的 RGB 值看起來(lái)是下面的樣子:
rgb(0, 0, 0)
代表白色的 RGB 值看起來(lái)是下面的樣子:
rgb(255, 255, 255)

使用 rgb,你通過(guò) 0 至 255 之間的一個(gè)數(shù)字來(lái)指定每種顏色的亮度,而不是像 hex code 那樣使用六個(gè)十六進(jìn)制數(shù)字。
黑色:
<style>
body {
background-color: rgb(0,0,0);
}
</style>
白色:rgb(255,255, 255) 紅色:rgb(255, 0, 0) 綠色:rgb(0, 255, 0)
藍(lán)色:rgb(0, 0, 255); 橙色:rgb(255,165,0)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1,#000000格式 添加個(gè)UIColor分類 - (UIColor *) colorWithHexString...
    Helong閱讀 755評(píng)論 0 1
  • CSS 通過(guò)使用十六進(jìn)制代碼設(shè)置特定的顏色預(yù)覽模式 你是否知道在 CSS 中還有其他表示顏色的方法?其中的一種方法...
    followyounger1閱讀 982評(píng)論 0 1
  • FreeCodeCamp - HTML5 and CSS 發(fā)現(xiàn)原來(lái)在另外一臺(tái)電腦學(xué) FreeCodeCamp 的時(shí)...
    付林恒閱讀 9,657評(píng)論 2 17
  • “我不想再隱瞞了,其實(shí)我是個(gè)精神病?!?寫下這行字后,阿明突然有一種全然釋放的感覺(jué),就好像卸下臉上許久不摘的面具,...
    梅落閱讀 476評(píng)論 3 2

友情鏈接更多精彩內(nèi)容