less13 颜色值函数

简介:
//通过十进制红色,绿色,蓝色三种值 (RGB) 创建不透明的颜色对象。
div{
  background: rgb(255,0,0);
  background: rgb(100%,0%,0%);
}

//通过十进制红色,绿色,蓝色,以及 alpha 四种值 (RGBA) 创建带alpha透明的颜色对象。
div1{
  background: rgba(255,0,0,0.5);
  background: rgba(100%,0%,0%,0.5);
}

//创建格式为 #AARRGGBB 的十六进制 (hex representation) 颜色 (注意不是 #RRGGBBAA !)。
div2{
  background: argb(rgba(255,0,0,0.5));
  background: argb(rgba(100%,0%,0%,0.5));
}

//通过色相 (hue),饱和度 (saturation),亮度 (lightness) 三种值 (HSL) 创建不透明的颜色对象。
div3{
  background: hsl(90,100%,50%);
}

//通过色相 (hue),饱和度 (saturation),亮度 (lightness),以及 alpha 四种值 (HSLA) 创建透明的颜色对象。
div4{
  background: hsla(90,100%,50%,0.5);
}

//通过色相 (hue),饱和度 (saturation),色调 (value) 三种值 (HSV) 创建不透明的颜色对象。
div5{
  background: hsv(90,100%,50%);
}

//通过色相 (hue),饱和度 (saturation),色调 (value),以及 alpha 四种值 (HSVA) 创建透明的颜色对象。
div6{
  background: hsva(90,100%,50%,8%);
}
复制代码

csss

复制代码
div {
  background: #ff0000;
}
div1 {
  background: rgba(255, 0, 0, 0.5);
}
div2 {
  background: #80ff0000;
}
div3 {
  background: #80ff00;
}
div4 {
  background: rgba(128, 255, 0, 0.5);
}
div5 {
  background: #408000;
}
div6 {
  background: rgba(64, 128, 0, 0.08);
}
复制代码

 


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/7002079.html,如需转载请自行联系原作者

相关文章
|
4月前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
|
XML 数据格式
【opencv3】滑动条调节RGB颜色阈值并输出滑动条的值
【opencv3】滑动条调节RGB颜色阈值并输出滑动条的值
RGB颜色值与十六进制颜色码怎么相互转换?
RGB颜色值与十六进制颜色码怎么相互转换?
154 0
RGB颜色值与十六进制颜色码怎么相互转换?
126.设置填充类型和填充颜色
126.设置填充类型和填充颜色
62 0
常用颜色RGB、灰度值、取色值、透明度。
常用颜色RGB、灰度值、取色值、透明度。
494 0
|
大数据 开发者
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
快速学习 R 如何画图,图形参数、符号、线条和颜色
138 0
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
UI之常用通过颜色值和透明度怎么得到最后的颜色值
UI之常用通过颜色值和透明度怎么得到最后的颜色值
136 0
渐变画刷示例
原文:渐变画刷示例  例子代码 ...
597 0
|
C#
c# 颜色RGB到HSB互相转换
原文:c# 颜色RGB到HSB互相转换 1 /// 2 /// 色相,饱和度,亮度转换成rgb值 3 /// 4 /// 5 public static float[] HSB2RGB(float[...
2001 0