HSL颜色处理

H--色调

S--饱和度

L--亮度

HSB（HSL）色调饱和度亮度模式

以另外一种不同的理念进行色彩的调配

H色调 0~360 圆环形式以角度表示

S 饱和度 0~1 之间的小数

L 亮度 0~1 之间的小数

http://www.cnblogs.com/assassinx/archive/2012/10/04/2711217.html

时间： 2024-10-12 19:52:57

HSL颜色处理的相关文章

Sass函数--颜色函数--HSL函数

HSL函数简介HSL颜色函数包括哪些具体的函数,所起的作用是什么: hsl($hue,$saturation,$lightness):通过色相(hue).饱和度(saturation)和亮度(lightness)的值创建一个颜色: hsla($hue,$saturation,$lightness,$alpha):通过色相(hue).饱和度(saturation).亮度(lightness)和透明(alpha)的值创建一个颜色: hue($color):从一个颜色中获取色相(hue)值: satu

D3.js绘制颜色:RGB、HSL和插值 (V3版本)

颜色和插值计算机中的颜色,常用的标准有RGB和HSL. RGB:色彩模式是通过对红(Red).绿(Green).蓝(Blue)三个颜色通道相互叠加来得到额各式各样的颜色.三个通道的值得范围都是0~255,因此总共能表示16777216(255*255*255)种,即一千六百多万种颜色.几乎包括了人类所能识别的所有颜色,是应用最广泛的色彩模式. HSL:色彩模式是通过色相(Hue).饱和度(Saturation).明度(Lightness)三个通道的相互叠加来得到各种颜色的.其中,色相的范围为0

Sass关于颜色函数的乐趣

阅读目录 1. 了解RGB和HSL颜色标准 2. RGB函数 3. HSL函数 4. Opacity函数 5. 其他颜色函数 6. 一个简单的应用在Sass中,定义了很多现成的函数,可供我们使用.在最初使用Sass的时候,用的最多的颜色函数就是lighten($color, $amount)和darken($color, $amount),对于其他的函数,少之又少,真是弱爆了,有木有. 切图的时候,我的颜色全部是通过PS的吸管工具获取的,之后复制粘贴即可.如果我们熟悉了颜色标准,那以后我们对颜

文本、字体与颜色

text-shadow文本定义文本阴影或模糊效果 text-overflow文本定义省略文本的处理方式 word-wrap文本定义文本超过指定容器的边界时是否断开转行 HSL颜色表示通过对色调(H).饱和度(S)和亮度(L)三个颜色通道的变化以及他们相互之间的叠加来表示各式各样的颜色. HSLA颜色表示方式HSLA是在HSL的基础上增加一个透明度(A)的设置. CSS3新增的文本属性 white-space-collapse初始值为collapse,适用于所有元素.该属性用于设置或检索如何处

CSS学习（十五）-CSS颜色模式、CSS颜色透明度

一.理论: 1.CSS3颜色模式 a.RGBA颜色模式,在RGB基础上加了控制alpha透明度的参数 b.HSL颜色模式:色调饱和度亮度 c.HSLA颜色模式:A值取于0-1之间,值越大,透明度越低 2.RGBA/HSLA滤镜格式 a.需要用转换工具才能在ie8及以下版本中使用RGBA/HSLA颜色模式相同的透明度,需要将RGBA/HSLA中的透明值乘以255,然后将其转换成十六进制值二.实践: 1. <!DOCTYPE html> <html lang="en"

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%); col

2-4 Sass的函数功能-颜色函数

RGB颜色函数-RGB()颜色函数在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等.在这章节中,将主要和大家一起探讨 Sass 颜色函数中常见的 RGB.HSL 和 Opacity 函数. 1.RGB颜色函数 RGB 颜色只是颜色中的一种表达式,其中 R 是 red 表示红色,G 是 green 表示绿色而 B 是

文字效果和颜色

css3.0新增颜色模式 (1)rgba颜色模式 r Red 红 0-255 g Green 绿 0-255 b Blue 蓝 0-255 a Alpha 透明度 0-1 实例: 背景透明,文字不透明问题:注意边框颜色透明有问题 (2)Hsl颜色模式‘ (2)Hsl颜色模式‘ H Hue 色调任意数值 S saturation 饱和度 0%-100% L Lightness 亮度 0%-100% 文字阴影:text-shadow 语法:text-shadow:x y blur color,

Css3：选择器、字体和颜色样式

1.私有前缀及其用法在CSS3模块标准尚未被W3C批准或者标准所提议的特性尚未被浏览器完全实现时,浏览器厂商会使用所谓的私有前缀来测试“试验性的”CSS特性.看看CSS3中实现圆角的代码: .round{ -khtml-border-radius:10px; /* Konqueror */ -rim-border-radius:10px; /* RIM */ -ms-border-radius:10px; /* Microsoft */ -o-border-radius:10px; /* Op