在CSS中，經(jīng)常會(huì)用到16進(jìn)制的顏色來設(shè)置文本、背景、邊框等顏色，但是對(duì)于一個(gè)純前端來講，16進(jìn)制顏色的識(shí)別和搭配可能會(huì)較為陌生了 ,本文簡(jiǎn)單介紹一下16進(jìn)制顏色的一些規(guī)律

?

16進(jìn)制顏色的數(shù)值意義：

舉個(gè)例子：比如 #1A2BF4（不區(qū)分大小寫），前兩位1A表示的是RGB中R（Red：紅色），2B表示的是RGB中的G（Green：綠色），F4表示RGB中的B（Blue：藍(lán)色），大小從00（0）到FF（255），數(shù)值越高，顏色越深。

?

16進(jìn)制顏色的混合：

比如對(duì)于#FF0000，綠色和藍(lán)色都是00，而紅色則是FF，則該顏色#FF0000就是紅色，#550000也是紅色，但是要比#FF0000的紅要淺。同理，#00FF00表示綠色，#0000FF表示藍(lán)色。

根據(jù)顏色混合原理，其實(shí)是跟物理學(xué)是一樣的，紅綠混合（#FFFF00）為黃色，紅藍(lán)混合（#FF00FF）為紫紅色（也叫洋紅），藍(lán)綠混合（#00FFFF）為青色，而紅綠藍(lán)混合（#FFFFFF）則是白色，

#000000為黑色。

將#XXYYZZ分組，XX為第一組，YY為第二組，ZZ為第三組。顯然XX，YY，ZZ分別對(duì)應(yīng)紅綠藍(lán)。

1.當(dāng)?shù)谝唤M較大，其余兩組較小時(shí)，顏色偏紅。

2.當(dāng)?shù)诙M較大，其余兩組較小時(shí)，顏色偏綠。

3.當(dāng)?shù)谌M較大，其余兩組較小時(shí)，顏色偏藍(lán)。

4.當(dāng)?shù)谝弧⒍M較大，第三組較小時(shí)，顏色偏黃。

5.當(dāng)?shù)谝弧⑷M較大，第二組較小時(shí)，顏色偏紫紅。

6.當(dāng)?shù)诙⑷M較大，第一組較小時(shí)，顏色偏青。

7.三組比較接近或相等時(shí)，顏色為灰色。可以通過改變數(shù)值大小來調(diào)配灰色的深淺（也可以叫明暗，數(shù)值越高越明亮，低則較暗）。如#e3e3e3表示的灰色比#a3a3a3表示的灰色要淺，當(dāng)接近（#FFFFFF白色）時(shí)，灰色就很淺了。

?

顏色的明暗（深淺）：

對(duì)于一個(gè)純色的值是0~255即256種，對(duì)應(yīng)00~FF，當(dāng)顏色處于中間即 256/2=128（換算成16進(jìn)制為80），可以看成為顏色明暗的分界線。如#800000為暗紅，#008000為暗綠，數(shù)值更大，顏色變亮，數(shù)值越小，顏色越暗

?

總結(jié)

以上是生活随笔為你收集整理的16进制颜色识别和搭配规律的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。