RGB转化为HSL模式的公式如下:(max代表RGB的最大值,min代表RGB的最小值) RGB转化为HSL的数学公式 可以看出,L大致代表了光的量。但是L并不是颜色深浅的绝对标志,红色(#FF0000)、蓝色(#0000FF)比L值相同的黄色(#FFFF00)、绿色(#00FF00)、青色(#00FFFF)更深,这是因为人眼对绿光比较敏感。S可以大致理解为光的...
HSV和HSL主要用于图像处理和设计领域,可以更直观地表示颜色的属性,比如色相、饱和度和亮度。 CMYK主要用于印刷行业,可以准确地表示颜色在印刷过程中的变化。 RGB(红绿蓝)颜色空间# RGB(Red, Green, Blue)是一种用于显示颜色的加法颜色空间。它使用红色(R)、绿色(G)和蓝色(B)三原色的不同强度组合来创建各种颜色。
如下图所示,激活“拾色器”后选中画面中某个颜色并向左拖拽,便可以精准控制画面中某几个颜色的HSL数值。 图16:使用取色工具调整HSL数值 二、HSL调色技巧 经过上文的介绍,大家应该对会声会影的HSL调色面板,有了一个更加清楚的认识。接下来,作者将结合实际案例演示几种常用的HSL调节技巧。 1.HSL高级灰调色 想让...
HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HSL声明的定义形式如下: hsl(色调值,饱和度值,亮度值) 参数说明如下: 色调值,用于定义色...
所以HSL到底是什么意思呢?我们来从他的英文来看下: H means hue,特指色相、色调;色相(H)是色彩的基本属性,就是平常所说的各种颜色名称,如黄、橙、黄、绿、蓝、紫等。 L means lightness,特指亮度;亮度(L),取0-100%。 S means saturation,特指饱和度;饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐...
HSL 指的是 hue(色调)、saturation(饱和度)、lightness(亮度) - 表示颜色柱面坐标表示法。 HSL 颜色值是这样规定的:hsl(hue, saturation, lightness)。 Hue 是色盘上的度数(从 0 到 360) - 0 (或 360) 是红色,120 是绿色,240 是蓝色。Saturation 是百分比值;0% 意味着灰色,而 100% 是全彩。Lightness...
一、前言HSL 是CSS3引进的一种将 RGB 色彩模型中的点在坐标系中的表示法。这两种表示法试图做到比基于笛卡尔坐标系的几何结构 RGB 更加直观。 ...
在「HSL/颜色/黑白」面板中,HSL 是很方便的功能,它同时掌管色相/饱和度/明度,对于个别的色彩调整非常好用,但要从24个滑杆中调到想要的参数也要花不少时间,此时只要透过「目标调整」工具就能快速调整色彩。 LESSON 1. HSL 实作范例─印象中的睡莲 忘记在哪里拍到的睡莲,里面正好有两只蜜蜂正在采着花蜜。不过就主...
假设我们要设计一个按钮,并希望其在不同状态下显示不同的 HSL 颜色: /* 普通状态下的按钮颜色 */ .button { backgroundcolor: hsl(210, 50%, 60%); /* 较深的蓝色 */ } /* 鼠标悬停时的按钮颜色 */ .button:hover { backgroundcolor: hsl(210, 50%, 70%); /* 较浅的蓝色 */ ...
CSS高级篇——HSL颜色 我们已经学习过三种定义 CSS 颜色的方式——名称、RGB 以及 16 进制值。 CSS3 又带来了另一种颜色定义方式——HSL,三个字母分别表示色相(Hue)、饱和度(Saturation)和亮度(Lightness)。 HSL 和 RGBa (“a” 表示 “alpha” 值) 适用于任何表示颜色的属性,例如 ...