在CSS中，經常會用到16進制的顏色來設置文本、背景、邊框等顏色，但是對於一個純前端來講，16進制顏色的識別和搭配可能會較為陌生了 ,本文簡單介紹一下16進制顏色的一些規律
16進制顏色的數值意義：
舉個例子：比如 #1A2BF4（不區分大小寫），前兩位1A表示的是RGB中R（Red：紅色），2B表示的是RGB中的G（Green：綠色），F4表示RGB中的B（Blue：藍色），大小從00（0）到FF（255），數值越高，顏色越深。
16進制顏色的混合：
比如對於#FF0000，綠色和藍色都是00，而紅色則是FF，則該顏色#FF0000就是紅色，#550000也是紅色，但是要比#FF0000的紅要淺。同理，#00FF00表示綠色，#0000FF表示藍色。
根據顏色混合原理，其實是跟物理學是一樣的，紅綠混合（#FFFF00）為黃色，紅藍混合（#FF00FF）為紫紅色（也叫洋紅），藍綠混合（#00FFFF）為青色，而紅綠藍混合（#FFFFFF）則是白色，
#000000為黑色。
將#XXYYZZ分組，XX為第一組，YY為第二組，ZZ為第三組。顯然XX，YY，ZZ分別對應紅綠藍。
1.當第一組較大，其余兩組較小時，顏色偏紅。
2.當第二組較大，其余兩組較小時，顏色偏綠。
3.當第三組較大，其余兩組較小時，顏色偏藍。
4.當第一、二組較大，第三組較小時，顏色偏黃。
5.當第一、三組較大，第二組較小時，顏色偏紫紅。
6.當第二、三組較大，第一組較小時，顏色偏青。
7.三組比較接近或相等時，顏色為灰色。可以通過改變數值大小來調配灰色的深淺（也可以叫明暗，數值越高越明亮，低則較暗）。如#e3e3e3表示的灰色比#a3a3a3表示的灰色要淺，當接近（#FFFFFF白色）時，灰色就很淺了。
顏色的明暗（深淺）：
對於一個純色的值是0~255即256種，對應00~FF，當顏色處於中間即 256/2=128（換算成16進制為80），可以看成為顏色明暗的分界線。如#800000為暗紅，#008000為暗綠，數值更大，顏色變亮，數值越小，顏色越暗