CSS:颜色编码#000是黑色,那#000000也是黑色?三位和六位有啥区别

html-css074

CSS:颜色编码#000是黑色,那#000000也是黑色?三位和六位有啥区别,第1张

颜色格式一共分为四种:

As authored

Hex Colors

RGB Colors

HSL Colors

其中红色字体表示的就是3位表示的颜色格式#000,As authored 是6位的 #000000,

RGB Colors 就是 rgb(0, 0, 0)

HSL Colors 就是 hsl(0, 0%, 0%)

在css中使用rgba(255, 255, 255, 0.5)这样的格式来表示rgha。其中最后一个参数表示Alpha通道,表示透明度。

例如:给两个div添加一样的背景色设置不同的透明度

代码:

<div class="div1">rgba透明度0.4</div>

<div class="div2">rgba透明度0.6</div>

css:

div{

margin:10px auto

width:200px

height:100px

text-align: center

line-height: 90px

}

.div1{background: rgba(83,172,150,0.4)}

.div2{background: rgba(83,172,150,0.8)}

效果:

1.是一种银灰色,或者说是银色,或者可以说是灰色,或者是铁灰色都可以。2.#ccc这个编号是CSS设置的颜色编号。根据每个编号来对应不同的颜色。是一种属性设置的编号。3.每个编号对应一个颜色。每个颜色只有一个标准值。标准颜色不可以更改或者是替换,一般都会有一个标准,超过标准范围的话,都不认定是这个颜色。4.除了这个,还有潘通色号,也是一种颜色的编号。除了数字,英文字母,还有英文一起来表达一种颜色的具体的颜色。每个颜色都有固定的标准保证所有说到这个颜色的人们都知道是哪种颜色,并且知道如何跟进。5.而且这个颜色编号是在慢慢增加的,每年都会有新的颜色值产生,因为会有新的时尚的创新的颜色来丰富这个记录。