颜色值

在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>