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,如需转载请自行联系原作者

相关文章
|
6月前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
158 0
字符串输出颜色,字体颜色,背景色
字符串输出颜色,字体颜色,背景色
简单好用的图片取色器【可取RGB数值】
这篇文章介绍了如何使用Snipaste工具进行截图和取色,包括按下快捷键F1截图、选择图片区域、移动鼠标取色以及复制颜色值的步骤,并提供了操作界面的截图。
|
3月前
color - 让你的输出带点颜色
color - 让你的输出带点颜色
28 1
|
6月前
|
监控 API 计算机视觉
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
OpenCV这么简单为啥不学——1.4、基础标识绘制(绘制线line函数、rectangle函数绘制四边形、circle函数绘制圆形、putText函数绘制文字、putText绘制中文文字)
66 0
RGB颜色值与十六进制颜色码怎么相互转换?
RGB颜色值与十六进制颜色码怎么相互转换?
185 0
RGB颜色值与十六进制颜色码怎么相互转换?
常用颜色RGB、灰度值、取色值、透明度。
常用颜色RGB、灰度值、取色值、透明度。
636 0
|
大数据 开发者
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
快速学习 R 如何画图,图形参数、符号、线条和颜色
164 0
R 如何画图,图形参数、符号、线条和颜色| 学习笔记
UI之常用通过颜色值和透明度怎么得到最后的颜色值
UI之常用通过颜色值和透明度怎么得到最后的颜色值
165 0
SVG 文字sin型曲线动画
先上图: 未命名项目.gif 代码实现: Title http://www.
1023 0