CSS颜色

2019-08-20 本文已影响0人 Yonginggg

颜色值的常用表示方式

p{
    background-color:#0000ff;
}

p{
    background-color:rgb(255,0,0);
}

RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。

p{
    background-color:rgba(255,0,0,0.5);
}

HSL 指的是 hue（色调）、saturation（饱和度）、lightness（亮度） - 表示颜色柱面坐标表示法。

HSL 颜色值是这样规定的：hsl(hue, saturation, lightness)。

Hue 是色盘上的度数（从 0 到 360） - 0 (或 360) 是红色，120 是绿色，240 是蓝色。Saturation 是百分比值；0% 意味着灰色，而 100% 是全彩。Lightness 同样是百分比值；0% 是黑色，100% 是白色。

p{
    background-color:hsl(120,65%,75%);
}

HSLA 颜色值是 HSL 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。

p{
    background-color:hsla(120,65%,75%,0.3);
}