zoukankan      html  css  js  c++  java
  • css常用的颜色单位表示法

    所有的颜色都可以由红、绿、蓝三原色调配而成。  css中用8位表示一个颜色,那么可以有28即256种颜色,所以总共可以表示256*256*256种颜色。css纵有多种颜色表示:

    十六进制表示法:

    可表示为:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。

    例如:#0000FF值呈现为蓝色,因为蓝色的组成设置为最高值(FF)而其他设置为0。也可表示为:#RGB,值也必须为0到f之间,例如:#00f表示为蓝色。

    <p style="color: #ff0000">十六进制颜色</p>
    

      

    rgb表示法:

    表示法为:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。

    例如:rgb(0,0,255),表示为蓝色,值越高,颜色混合占比越多。 rgba表示法:表示法为:RGBA(红,绿,蓝,alpha)。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。 

    <p style="color: RGB(256,0,0)">RGB颜色</p>
    

      

    RGBA(Alpha)表示法:

    在RGB的基础上增加了透明度分量,该分量的取值为0~1.0之间变化

    <p style="color: RGBA(256,0,0,0.1)">RGB颜色</p>
    

      

    摄图网https://www.wode007.com/sites/73204.html VJ师网https://www.wode007.com/sites/73287.html

    hsl色相表示法:

    表示法为:HSL(色调,饱和度,明度)。色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点;0%是黑色的,100%是白色的。 

    <p style="color: HSL(120,50%,50%)">HSL</p>
    

      

    hsla色相表示法:

    表示法为:HSLA(色调,饱和度,亮度,α),α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。

    <p style="color: HSLA(120,50%,50%,0.1)">HSLA</p>
    

      

    css预定义颜色  

    css预定了一些常用的颜色。例如red、black。 

  • 相关阅读:
    在非controller中获取HttpServletRequest (如在service中获取)
    office 转 html html 转 office
    firewalld的操作
    centos7 安装jdk,mysql,nginx,redis,zookeeper,activemq
    nginx
    学习网站
    Centos7安装搜狗输入法
    “星期几”不同脚本写法
    正则表达式 exec 获取字符串中的汉字
    js和jquery获取父级元素、子级元素、兄弟元素的方法
  • 原文地址:https://www.cnblogs.com/ypppt/p/13340277.html
Copyright © 2011-2022 走看看