在CSS中,常見的顏色代碼中灰色也是非常常見的一個,主要指的是灰度不同的顏色搭配。那么,下面就來詳細介紹一下CSS中的灰色代碼。
/* 使用顏色名稱gray */ color: gray; /* 使用十六進制數值 */ color: #808080; /* 使用rgba數值 */ color: rgba(128,128,128,1); /* 使用hsl數值 */ color: hsl(0,0%,50%);
上面的代碼中,首先使用的是顏色名稱gray,這代表了一個中間的灰色。接著是使用十六進制數值,其中808080表示了一個十六進制的灰色。而使用rgba數值,則是將rgb數值和透明度組合在一起來實現顏色,其中透明度1表示完全不透明,0表示完全透明。最后使用hsl數值,這是一種不同于rgb的顏色表示方式,其中h表示色調,s表示飽和度,l表示亮度。
/* 使用顏色名稱silver */ color: silver; /* 使用十六進制數值 */ color: #C0C0C0; /* 使用rgba數值 */ color: rgba(192,192,192,1); /* 使用hsl數值 */ color: hsl(0,0%,75%);
在CSS中還有一個常見的灰色代碼就是silver。這個顏色代表了一個淺灰的顏色,更加適合用于一些顯示不需要過于醒目的場合。上面的代碼展示了silver的幾種表示方法,其中因為顏色較淺,與gray相比更加接近白色,因此使用更淺的L值。
下一篇css中的層疊性