CSS 中顏色如何表示?

2021-10-24 01:49:10 字數 1214 閱讀 1356

這個是給英語大佬準備的,英語不好這種方式就跳過。反正我記不住那麼多英語單詞的。

說實話,我乙個單詞都不認識,也沒去查翻譯,就看圖翻譯的哈哈哈。樣式稍微做了調整,看起來方便點。最簡單的就是 red ,orange ,yellow ,green ,blue ,black ,然後就不會了,所以不推薦 ☠

以 #開頭的六位或者三位組成。六位就是#紅紅綠綠藍藍,三位就是紅綠藍。組成的部分必須是,0~9的數字或者字母a~f(a~f),不區分大小寫。隨便組合,一般不會去記的,太多了,可以用工具取色。例如#8a2be9,乍一看確實看不出來啥顏色。

紅色(#ff0000);  綠色 (#00ff00);藍色 (#0000ff);黑色 (#000000);白色 (#ffffff)

f 是最高的,封頂 的思意。比如紅色 (紅紅綠綠藍藍),紅紅是佔滿了,綠綠藍藍都是0,就代表沒有,所以最終顏色是紅色。

rgb(紅,綠,藍),每個逗號取值範圍為0~255之間的整數,或者乙個從0%~100%之間的整數百分比值。數值越大,表示該顏色的佔比越多,比如紅色(255,0,0)。rgb可以表示的顏色有255*255*255=16,581,375 種,還是比較常用的。

reba(紅,綠,藍,透明度),透明度取值範圍:0~1 直接的一位小數,0 是完全透明,1是不完全透明。數值表示透明的程度,越接近1,就越接近原本的顏色。當為1的時候就是不完全透明了,顯示原本的顏色。

生活中常用的就是以上四種,還有兩種不咋常用,簡單介紹下:

hsl表示法(色調,飽和度,亮度),色調的取值範圍:0~360(整數),0是紅色 ,120是綠色,240是藍色。

飽和度是百分比值;0% 是灰色,100% 是全彩。亮度是百分比值;0% 是黑色,100% 是白色。

hsla表示法(色調,飽和度,亮度,透明的),參考上面的內容,不再重複介紹。

CSS顏色的表示

這個比較簡單,通過查手冊就可以,但是不推薦,因為不靈活。rgb值是三個值,三個值分別表示red,green,blue三個顏色的亮度,三個值的範圍都是0 255。例如 rgb 255,255,255 例如 rgb 100 100 100 這種表示會通過計算,然後轉換成對應的數值rgb值 6位16進製制...

CSS顏色表示法和顏色表

顏色表示法 color name 顏色的名稱 color red 直接用英文意思來寫,但是數量有限,不支援透明顏色 十六進製制方式 color 191d11 所有 開頭的都是16進製制 rgb 十進位制,十進位制,十進位制 表示方法 每個值的取值範圍是0 255,一共256個 rgba 十進位制,十...

css顏色單位表示法

所有的顏色都可以由紅 綠 藍三原色調配而成。css中用8位表示乙個顏色,那麼可以有28即256種顏色,所以總共可以表示256256256種顏色。css縱有多種顏色表示 十六進製制表示法 可表示為 rrggbb,其中rr 紅色 gg 綠色 和bb 藍色 所有值必須介於0和ff之間。例如 0000ff值...