細探顏色值

2021-06-27 05:08:26 字數 947 閱讀 8204

transparent——ie8及更早的版本不支援,顯示為black

color_name——包括16各基本顏色關鍵字,28各系統顏色,多個svg顏色關鍵字

hex——16進製制型顏色值,#rrggbb或#rgb,每個引數值取值範圍00~ff

rgb,——rgb ( r , g , b ),r指red,g指green,b指blue,每個引數取值範圍0~255 / 0.0%~100.0%

hsl——能直接推測出大致的顏色,這個值得研究一翻,hsl (h, s, l ),三個引數分別是色相(0~360)、飽和度(0.0%~100.0%)、亮度(0.0%,100.0%)

rgba——a就是alpha,在原來的基礎上加個0~1之間的值即可,1為完全不透明,ie8及更早版本不支援

hsla——a就是alpha,在原來的基礎上加個0~1之間的值即可,1為完全不透明,ie8及更早版本不支援

opacity——取值範圍為0~1,1為完全不透明,『0.5』可縮寫成『.5

如hsl( 355, 90%, 80%)

hsl的色相:60度是黃色,120度是綠色,180度是青色,240度是藍色,300度是洋紅,360度為紅色,順口溜「youngguys can be messy rascals」;

hsl的亮度:0%是全黑,100%是全白,像讓顏色變深一點就減少百分比值

由此可知hsl( 355, 90%, 80%)就是很接近紅色且比紅色淺的顏色。

在grb和hsl值前新增對應的hex值

如{color: #fe0208; color: hsl( 359, 99%, 50%); }

用opacity設定透明度會對整個元素產生影響(元素的內容都會透明),而使用rgba和hsla只會讓元素的某些部分有透明效果

顏色值 長度值

在網頁中的顏色設定是非常重要,有字型顏色 color 背景顏色 background color 邊框顏色 border 等,設定顏色的方法也有很多種 1 英文命令顏色 前面幾個小節中經常用到的就是這種設定方法 p2 rgb顏色 這個與 photoshop 中的 rgb 顏色是一致的,由 r red...

顏色值 長度值

1 英文命令顏色 前面幾個小節中經常用到的就是這種設定方法 p2 rgb顏色 這個與 photoshop 中的 rgb 顏色是一致的,由 r red g green b blue 三種顏色的比例來配色。p每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。如 p3 十六進製制顏...

三探音效卡值controls

三論音效卡值controls 首先我們操作control 裝置節點檔案時候要先開啟,看看開啟函式做了什麼?snd ctl open struct inode inode,struct file file err nonseekable open inode,file 設定filp f mode,這樣...