zoukankan      html  css  js  c++  java
  • CSS 颜色相关

    CSS预定义颜色表示法(就是使用颜色的英文):

    color:red;
    color:green;
    color:blue;

    CSS RGB颜色表示法:

    color:rgb(255,0,0);
    color:rgb(0,255,0);
    color:rgb(0,0,255);

    RGB颜色表示法就是红(R:red),绿(G:green),蓝(B:blue),这三原色混合后呈现出的颜色,其中每种颜色的取值为0~255.

    CSS RGB百分比颜色表示法:

    color:rgb(100%, 0%, 0%);
    color:rgb(0%, 100%, 0%);
    color:rgb(0%, 0%, 100%);

    RGB百分比颜色表示法就是利用百分比来表示RGB颜色,其中RGB中的0就代表百分比中的0%,RGB中的255就代表百分比中的100%.

    CSS 16进制颜色表示法:

    color:#ff0000;
    color:#00ff00;
    color:#1199ff;

    16进制颜色表示法就是使用三对十六进制数分别表示RGB中的三原色,像上面例子的最后一个color:#1199ff;,其中11代表R的颜色(十六进制的11就等于十进制中的17),其中99代表G的颜色(十六进制的99就等于十进制中的153),其中ff代表B的颜色(十六进制的ff就等于十进制中的255),前面再加一个#号.(#1199ff;等价于rgb(17,153,255);)

    CSS 短16进制颜色表示法,属于web safe colors(网络安全色):

    color:#f00;
    color:#0f0;
    color:#00f;

    短16进制颜色表示法就是当16进制颜色表示法中的两个表示颜色值的数字一样的时候的简写,比如color:#ff0000;就可以简写为color:#f00;.

    CSS RGBA颜色表示法:

    color:rgba(255,0,0,1);
    color:rgba(0,255,0,1);
    color:rgba(0,0,255,1);

    RGBA颜色表示法就是在RGB颜色的基础上增加了Alpha通道.

    以下链接详细讲解了关于RGBA的用法和实例

    http://www.w3cplus.com/node/45

    CSS HSL颜色表示法:

    color:hsl(360, 100%, 75%);
    color:hsl(120, 100%, 75%);
    color:hsl(240, 100%, 75%);

    HSL颜色表示法就是使用色相(hue),饱和度(saturation),亮度(lightness)表示颜色的一种方法.

    CSS HSLA颜色表示法:

    color:hsla(360, 100%, 50%, 1);
    color:hsla(120, 100%, 50%, 1);
    color:hsla(240, 100%, 50%, 1);

    HSLA颜色表示法就是在HSL颜色的基础上增加了Alpha通道.

    有关于颜色渐变

    http://www.w3cplus.com/content/css3-gradient

  • 相关阅读:
    计算几何
    HDU 4267
    HDU 4277
    NYOJ 123(插线问点)
    Set
    HDU 1792
    从文本文件读取数据到用vector实现的二维数组中
    为什么计算机采用二进制而不是八进制或者十六进制
    Google C++编程风格指南1
    编程中的命名设计
  • 原文地址:https://www.cnblogs.com/Outyua/p/4659914.html
Copyright © 2011-2022 走看看