`
zccst
  • 浏览: 3315741 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS中的几种颜色表示法,如hsla

 
阅读更多
作者:zccst

平常相对熟悉的也就RGB色了,其他基本不清楚,即使是RGB也没弄清楚他们的变化规律。所以有必要专门用一篇文字来记录了。


RGB



HSLA

HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,HSL即是代表色调,饱和度,亮度三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HSLA是在HSL的基础上增加一个透明度(A)的设置。

<length> :
Hue(色调)。 0(或360)表示红色,120表示绿色,240表示蓝色,当然可取其他数值来确定其它颜色;
<percentage> :
Saturation(饱和度)。 取值为0%到100%之间的值;
<percentage> :
Lightness(亮度)。 取值为0%到100%之间的值;
<opacity> :
alpha(透明度)。 取值在0到1之间;
分享到:
评论

相关推荐

    css 颜色色值

    在CSS中,颜色可以通过以下几种方式来表示: 1. **十六进制数表示法**:最常见的表示方法,由“#”加上6位十六进制数构成。 2. **RGB表示法**:通过红色、绿色、蓝色三种颜色的不同比例混合得到目标颜色。 3. **...

    css颜色代码,css颜色样式

    除了以上几种表示方法外,CSS还支持一系列预定义的颜色名称。这些名称可以直接在CSS中使用,无需使用十六进制或其他数值表示。 - **red**:红色。 - **blue**:蓝色。 - **green**:绿色。 - **yellow**:黄色。 - ...

    java颜色代码

    在编程世界中,颜色代码是用于表示不同颜色的数值或字符串表示法,它们在HTML、CSS和Java等语言中广泛使用。颜色代码可以帮助开发者精确地指定网页、UI元素或者应用程序中的颜色。本篇文章将深入探讨Java颜色代码...

    网页颜色代码全集

    颜色代码主要有以下几种类型: 1. **RGB(Red, Green, Blue)**:这是一种基于红、绿、蓝三原色的色彩模式。在网页设计中,RGB代码通常用三位或六位十六进制数表示,如`#FF0000`代表红色,`#00FF00`代表绿色,`#...

    程式化-avec-CSS

    可以使用颜色关键字、十六进制、RGB、RGBA、HSL和HSLA等表示法设置颜色,同时CSS允许我们定义字体家族、大小、行高、字间距等,以实现个性化的文字风格。 最后,CSS预处理器如Sass和Less,提供更高级的功能,如变量...

    颜色选择器

    在HTML和CSS中,颜色可以使用以下几种方式表示: 1. 名称:如`red`, `blue`等。 2. 十六进制:如`#FF0000`代表红色,前两位是红色分量,中间两位是绿色,最后两位是蓝色。 3. RGB(红绿蓝):如`rgb(255, 0, 0)`,...

    颜色

    5. **HSL值**:基于色相、饱和度和亮度的颜色表示法,如`hsl(0, 100%, 50%)`表示红色。 6. **HSLA值**:与HSL相同,但包含了透明度。 创建一个漂亮的调色板,设计师需要考虑以下几个原则: - **色彩理论**:理解...

    创建 canvas 的方法很简单.docx .docx

    - `fillStyle`:设置填充颜色,可使用CSS的颜色表示法(如十六进制、rgb、rgba或hsla)。 - `strokeStyle`:设置线条颜色。 - `lineWidth`:调整线条宽度。 6. **2D Context API**: 2D Context API提供了丰富...

    html5文字阴影效果text-shadow使用示例

    可以使用颜色名称、十六进制、RGB、RGBA、HSL、HSLA等表示法。 在提供的代码示例中,我们看到了`text-shadow`的几个不同用法: 1. `#text`元素: ```css #text { text-shadow:2px 2px 0px orange; } ``` 这个...

Global site tag (gtag.js) - Google Analytics