CSS第二章：3.颜色单位（HSL值、HSLA值）

article/2025/10/23 0:16:49

总览

1.HSL值
H - 色相，S - 饱和度，L - 亮度

2.HSLA值
A - 透明度

一、色相 - H

1.取值范围：0~360

二、饱和度 - S

1.取值范围：0~100%

三、亮度 - L

1.取值范围：0~100%

四、HSL值 · 实操

1.HTML代码：
在这里插入图片描述
2.CSS代码：

3.实际显示

五、HSLA

1.无非就是加了一个参数负责调节透明度，参数取值范围为0~1
2.参考 RGBA 透明度调节：RGBA透明度调节教程

http://chatgpt.dhexx.cn/article/kCqQHHEv.shtml

CSS 的 hsl() 和 hsla() 函数（设置颜色的方式之一）

一：CSS中的 hsl()函数： 1、定义与用法：hsl() 函数使用色相、饱和度、亮度来定义颜色。 HSL 即：色相（Hue）、饱和度（Saturation）、亮度（Lightness）。色相&a…

css rgba/hsla知识点讲解及半透明边框

HSLA制作配色表

<!doctype html> <html lang"en"><head><meta charset"UTF-8"><title>HSLA制作配色表</title><style>.table-wrap {width: 400px;margin: 10px;float: left;}table {width: 400px;border: 1px solid #756c6c;bo…

css中hsla代表 Introduction: 介绍： The use of functions is very beneficial for web development and one must learn as many functions as they can, therefore keep learning functions for improving your knowledge and coding skills. Besides, you shoul…

rgba和hsla

在css3中可以用RGBA和HSLA,都可以用来在设置颜色的同时也可以设置它的透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”（Red-Green-Blue-Alpha），而HSLA则代表“色调、饱和度、亮度和Alpha透明度”（Hue-Saturation-Lightness-…

CSS hsla函数

和ARGB一样，都是用来表示颜色的。表示的效果都是一样的，只是形式不同。一般情况下，你是用不上的，因为一般用ARGB比较多，也更熟悉。但是有些书籍喜欢用这种形式，还是要了解一下的。定义 hsla() 函数使用…

HSL值，HSLA，文档流，盒子模型等问题。

HSL和HSLA值和上一篇文章中的rgb语法使用方法基本一样 H:色相，调节范围为0-360度，其实就是一个环，零度等于360度是红色，调节颜色。S：饱和度，调节颜色浓度，调节范围（0%-100%&#x…

CSS中hsla的用法

hsla是css3引入的一个颜色表达方式，今天就来学习一下它的用法。文章目录 1.什么是HSLA2.怎么去使用HSLA3.什么时候使用HSLA4.注意事项 1.什么是HSLA HSLA(H,S,L,A) H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色&…

Gabor滤波器 pytorch实现

Gabor函数与人眼的生物作用相仿，尤其对于图片的方向和尺度特征可以很好的捕捉。所以，经常用于纹理、物体识别。对于Gabor的原理、公式不再赘述。下面对Gabor滤波器用pytorch实现，并进行可视化： import math import torch import…

【youcans 的 OpenCV 例程200篇】193.基于Gabor 滤波器的特征提取

OpenCV 例程200篇总目录-202205更新【youcans 的 OpenCV 例程200篇】193.基于Gabor 滤波器的特征提取 6.5 Gabor 滤波器 Gabor 变换是一种加窗短时傅里叶变换，以高斯函数作为短时傅里叶变换的窗函数，因此可以在频域不同尺度、不同方向上提取特征。 G…

Python OpenCV实现Log Gabor滤波器（由LGHD描述符扩展）

引言笔者在研究红外图像与可见光图像配准时接触到了很多描述符，其中关于LGHD描述符的Log Gabor滤波器很有意思，与大家分享 LGHD（Log-Gabor Histogram Descriptor） 描述符的思想是基于高频分量分布的描述符对于不同的非线性强度…

python实现Gabor滤波器-skimage（一）

什么是Gabor滤波器？ Gabor滤波器是一种由正弦波调制的高斯核线性滤波器。Gabor滤波器的频率和方向表示与人类视觉系统相似。Gabor滤波器组通常用于计算机视觉和图像处理。特别适用于边缘检测和纹理分类。一个二维Gabor滤波器是一个由正弦平面波调制的高斯核函数。好…

二维gabor滤波器matlab,在matlab中使用可分离的Gabor滤波器

如果过滤器g可以表示为两个向量grow和gcol的乘法，则称为可分离过滤器。使用一维滤波器将二维滤波器的计算复杂度从O(M^2 N^2)降低到O(2M N^2)，其中M和N分别是滤波器掩码和图像的宽度(和高度)。在this stackoverflow link中，我在空间域中编写…

gabor滤波器简要介绍

在经过一天的浏览csdn，博客园后，总算是对gabor滤波器有了一个大概的了解，所以趁还热着，赶紧记录一下。写的话，先给自己梳理下要写什么吧： 1. 什么是gabor滤波器，公式定义 2. gabor滤波器的代码…

MATLAB---一维Gabor滤波器、gabor滤波器的实部与虚部图像、Gabor滤波器

%% 一维Gabor滤波器 clc,clear,close all % 清理命令区、清理工作区、关闭显示图形 warning off % 消除警告 feature jit off % 加速代码运行 x-4:0.01:4; t1; y1*exp(-(x.^2)./(sqrt(2*pi)*t^2)); plot(x,y,b,linewidth,2); hold on x1-4:0.01:4; y11*sin(9*x1pi…