颜色值
在CSS中,可以使用RGB值、HEX值、HSL值、RGBA值或HSLA值来指定颜色:
与颜色名 “Tomato” 等效:
Color | Example |
---|---|
RGB | rgb(255, 99, 71) |
HEX | #ff6347 |
HSL | hsl(9, 100%, 64%) |
实例
1<h1 style="background-color:rgb(255, 99, 71);">rgb(255, 99, 71)</h1>
2<h1 style="background-color:#ff6347;">#ff6347</h1>
3<h1 style="background-color:hsl(9, 100%, 64%);">hsl(9, 100%, 64%)</h1>
与颜色名 “Tomato” 等效,但透明度为50%:
Color | Example |
---|---|
RGBA | rgba(255, 99, 71, 0.5) |
HSLA | hsla(9, 100%, 64%, 0.5) |
HEX | #FF634780 |
实例
1<h1 style="background-color:rgba(255, 99, 71, 0.5);">rgba(255, 99, 71, 0.5)</h1>
2<h1 style="background-color:#FF634780;">#FF634780</h1>
3<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">hsla(9, 100%, 64%, 0.5)</h1>