hsl(0, 100%, 50%) hsl(240, 100%, 50%) hsl(147, 50%, 47%) hsl(300, 76%, 72%) hsl(39, 100%, 50%) hsl(248, 53%, 58%) 亲自试一试 » 饱和度 饱和度可以描述为颜色的强度。 100%纯色,没有灰色 50%是50%的灰色,但你仍然可以看到颜色。 0%是完全灰色的,你再也看不到颜色了。
图1:HSL高级灰调色 1.三原色 互补色 对比色 所谓HSL调色,即针对画面中各色彩的色调(Hue)、饱和度(Saturation)、亮度(Lightness)进行调整的功能(注:在一些软件中色调也叫色相,其实是一个意思)。 在大部分的视觉成像设备和图像设计软件中,都会采用“RGB数值”来区分各种颜色。“RGB数值”即红色(Red)、绿色(Green)...
HSL 颜色 E9+、Firefox、Chrome、Safari和Opera 10+ 支持 HSL 颜色值。HSL 代表色调、饱和度和亮度。HSL 颜色值由: hsl(hue, saturation lightness) 组成。色调 色调是色轮上从 0 到 360 的度。0 是红色,120 是绿色,240 是蓝色。饱和度 饱和度是一个百分比值;0% 表示灰色,100% 表示全色。
HSL 颜色值得到以下浏览器的支持:IE9+、Firefox、Chrome、Safari 以及 Opera 10+。 HSL 指的是 hue(色调)、saturation(饱和度)、lightness(亮度) - 表示颜色柱面坐标表示法。 HSL 颜色值是这样规定的:hsl(hue, saturation, lightness)。 Hue 是色盘上的度数(从 0 到 360) - 0 (或 360) 是红色,120 是...
Photoshop的HSB颜色模型拾色器,如下图所示,HSB的B(明度)控制纯色中混入黑色的量,越往上,值越大,黑色越少,颜色明度越高。 如下图所示,HSB的S(饱和度)控制纯色中混入白色的量,越往右,值越大,白色越少,颜色纯度越高。 Affinity Designer的HSL颜色模型拾色器,如下图所示,Y轴明度轴,从下至上,混入的黑色逐渐减...
CMYK(青、品红、黄、黑)颜色空间 简介# 这四种颜色空间在不同的应用领域有不同的用途: RGB主要用于计算机图形学和显示设备中,可以通过调整红、绿、蓝三个分量的值来实现颜色的调整。 HSV和HSL主要用于图像处理和设计领域,可以更直观地表示颜色的属性,比如色相、饱和度和亮度。
HSL颜色空间与HSV类似,只不过把V:Value替换为了L:Lightness。这两种表示在用目的上类似,但在方法上有区别。二者在数学上都是圆柱,但HSV(色相,饱和度,色调)在概念上可以被认为是颜色的倒圆锥体(黑点在下顶点,白色在上底面圆心),HSL在概念上表示了一个双圆锥体和圆球体(白色在上顶点,黑色在下顶点,最大横切面的...
RGB、HSL、HSB颜色模式的转化 RGB颜色模式是最常用的颜色模式,电视、电脑、手机等电子屏幕的显示原理都是RGB。RGB分别代表光的三原色红绿蓝,人眼有三种视锥细胞,分别对红光、绿光、蓝光最敏感。RGB模式可以理解为有三盏灯,分别发出红光、绿光、蓝光,三盏灯的光相加得到的颜色就是结果色。
HSL 和 HSV 二者都把颜色描述在圆柱体内的点,这个圆柱的中心轴取值为自底部的黑色到顶部的白色而在它们中间是的灰色,绕这个轴的角度对应于“色相”,到这个轴的距离对应于“饱和度”,而沿着这个轴的距离对应于“亮度”,“色调”或“明度”。 HSV 以人类更熟悉的方式封装了关于颜色的信息:“这是什么颜色?深浅如...
一般的3D编程仅仅须要使用RGB颜色空间就好了,但事实上美术人员很多其它的是使用HSV(HSL),由于能够方便的调整饱和度和亮度。 有时候美术须要程序帮助调整饱和度来达到特定风格的渲染效果,这时候就须要转换颜色空间了。 出处:http://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%...