zoukankan      html  css  js  c++  java
  • CSS3 颜色属性

    关键字颜色          red

    十六进制颜色         #FF0000

    RGB颜色            rgb(255,0,0)

    新增的颜色表示方法

    RGBa:

      RGB代表光的三原色,Red、Green和Blue

      CSS3中可以增加一个值a(alpha),表示颜色的透明度

      Background-color:rgba(0,0,0,0.35);

                    取值范围0-1之间,0代表完全透明,1代表完全不透明

    HSL:

      H(hue),表示色相

        用一个色环表示不同的颜色

        取值范围是0-360

        0和360是红色

        30是橙色

        180表示绿色

        240表示蓝色等等

     S(staturation),表示饱和度

        表示色彩的鲜艳成都

        取值范围从0%-100%

        饱和度越高,颜色越鲜艳

        完全不饱和的颜色没有色相

     L(lightness),表示亮度

        控制色彩明暗变化

        取值范围0%-100%

        数值越小,色彩越暗,越接近于黑色

        数值越大,色彩越亮,越接近于白色

    实例:

      Background-color:hsl(30,100%,50%);

    HSLa和RGBa是一样的

     

      

     

  • 相关阅读:
    百度地图API-自定义图标覆盖物
    笔记-前端学习路线
    当div自适应的高度超过预设的高度的时候出现滚动条的办法
    有关前端的书籍
    js-方法
    正在进行中
    ARM的启动和中断向量表
    ARM中的总线
    NOR FLASH与NAND FLASH的区别
    ARM流水线关键技术分析与代码优化
  • 原文地址:https://www.cnblogs.com/xiaowie/p/9815937.html
Copyright © 2011-2022 走看看