RGB 到 HSL 的转换
我正在创建一个拾色器工具，对于 HSL 滑块，我需要能够将 RGB 转换为 HSL.当我搜索 SO 进行转换的方法时，我发现了这个问题 HSL to RGB color conversion. 虽然它提供了一个函数来进行从 RGB 到 HSL 的转换，但我看不到对计算中真正发生了什么的解释.为了更好地理解它，我阅读了维基百科上的 HSL 和 HSV. 后来，我使用“HSL 和 HSV"
..
hsl相关内容
将 HSB/HSV 颜色转换为 HSL
如何将 HSB 颜色转换为 HSL? Photoshop 在其颜色选择器中显示 HSB 颜色.可以在 CSS 中使用 HSL 颜色. 我试过这个JS: function hsb2hsl(h, s, b) {返回 {哈:哈，s:s，l: b-s/2}} 但是 hsb2hsl(0, 100, 50).l == 0 而不是 25 更新:我可以在不转换 HSB → RGB → HSL
..
为什么这个 Javascript RGB 到 HSL 代码不起作用?
我在 http://www.mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript.我找不到任何其他体面的小.问题是这段代码甚至不起作用.有人会知道为什么吗?(我不懂一点颜色数学，但也许它会返回互补?) function rgbToHsl(r, g, b){r
..
为什么色相旋转 +180deg 和 -180deg 不会产生原始颜色?
通过阅读 HSL/HSV 色彩理论，我的印象是色调分量是一个循环属性，每 360 度重复一次，可以独立于饱和度和亮度/值进行更改.如果我错了，请纠正我，但这些陈述在逻辑上遵循先前的定义: 将色调旋转 360 度会产生相同的颜色 将色调旋转 180 度两次会产生原始颜色 先将色调旋转 180 度，然后再旋转 -180 度会产生原始颜色 然而，只有选项 1 是正确的.将色调旋转 4 次
..
HSL 到 RGB 颜色转换
我正在寻找一种将 HSL 颜色转换为 RGB 的算法. 在我看来，HSL 的使用不是很广泛，所以我在寻找转换器时运气不佳. 解决方案 找到最简单的方法，python 到 救援 :D colorsys.hls_to_rgb(h, l, s) 将颜色从 HLS 坐标转换为 RGB 坐标.
..
HSL 颜色究竟是如何书写的?
我不清楚 HSL 颜色的书写方式.W3 有这样的: 颜色:hsl(120, 100%, 50%); 而 ThreeJs 是这样要求他们的: h — 0.0 和 1.0 之间的色调值s — 0.0 到 1.0 之间的饱和度值l — 0.0 到 1.0 之间的亮度值 我在网络上看到了两种方式的 HSL 颜色，但我真的不明白 - 哪个是正确的，你如何在两者之间转换? 干杯. 解决方案
..
在 SCSS 中使用 HSLA 中的 CSS 变量
所以我一直在尝试在 HSLA 中使用 CSS 变量.我需要保持相同的颜色，但只是改变不透明度. //内容在这里 SCSS :root {--颜色:332、61%、78%；}div {背景:hsla(var(--color), 0.5);} https://codepen.io/sammiepls/pen/zLpvXY 所以我想我可以将 hsl 颜色保留在那里，并通过使用变量来更改悬
..
在CSS中，HSL值可以是浮点数吗?
CSS3规范仅指定: 功能标记中的HSLA颜色值的格式为"hsla("，其后为以度，饱和度和明度为百分比的色相，以及，其后为“)". 那么我是否理解这些值将不解释为整数而是浮点数?示例: hsla(200.2，90.5％，10.2％，.2) 这将大大扩展HSL覆盖的其他较小的颜色范围(相对于RGB). 尽管我不知道他们只是将其解析为INT值还是什么，但它似乎在Chro
..
0，因为饱和度和亮度不起作用，但在hsl/hsla中却为0％?
我正在尝试一个简单的演示，其中为 hsl 中的元素赋予颜色.根据我的经验，我知道CSS中的 0 (ZERO)是无单位的.如果要将值指定为0，则可以保留单位. 但是 hsl/hsla 似乎并非如此.在Chrome和Firefox上，这都会导致无效的属性值. 这是一个与切线相关的问题，但包含的答案是，零应是无规范的. 是否有hsla(0，0％，0％，0)变为hsla(0，0，0，0)
..
HSL值的CSS变量计算
我想要一个基本的HSL颜色值，我希望将其实现为如下渐变: :root {-色调:201;-饱和度:31;-亮度:40;--mainColor:hsl(var(-hue)，var(-saturation)，var(-lightness));-差异:20；/* 0 +-差异
..
HEX转换为HSL javascript
您好，我正在尝试创建HEX到HSL转换器的功能。我知道，首先我应该将HEX转换为RGB，然后再将RGB转换为HSL。我这样做是使用StackOverflow中的一些脚本完成的。 S和L正常工作，但H（色调）不工作。我不知道为什么，这是我的代码： toHSL：function（hex）{ var result = / ^ ＃？（[af\d] {2}）（[af\d] {2}）（[af\d]
..
如何从普通图像生成HSL或HSI直方图?
我正在从事一项科学工作项目，需要获得一些图像标准. 要做到这一点，我需要一个从正常的.JPEG .PNG或.BMP图像生成3个直方图的代码.第一个直方图是HUE直方图，第二个是SATURATION直方图，第三个是LUMINOSITY或INTENSITY直方图. 我正在使用HSL和HSI，因此第三个直方图LUMINOSITY或INTENSITY都将很有用.如果存在的话，我希望使用Java
..
将RGB字节转换为HSL并返回?
是否存在将RGB byte数组转换为HSL float数组并再次返回的算法? 我已经尝试过在在这里找到的一个，但是似乎有错误. 解决方案 我使用下面的类，该类从HSL转换为RGB，反之亦然.您可以从Color构造一个ColorRGB实例，或仅强制转换一个.它还公开了H，S，L属性.我在互联网上找到它.向原作者表示歉意，我找不到参考文献: public class Color
..
测试HSL颜色，理想情况下避免红色与绿色相邻(常见的色盲类型)
受到此页面上的最佳答案的启发，我写了一篇python程序生成N种不同的十六进制颜色.不同之处在于，原始作者将使用math.random()生成饱和度和亮度，而我使用的是三角函数，我可以保证始终提供唯一的色相，饱和度和亮度.亮度，同时还提供了我可以可以将黄色编程为比蓝色更暗的优点，从而可以更好地与白色背景形成对比.黑色文字(我需要它做什么). 我实际使用的代码还会通过RGB将HSL代码转换为HEX
..
绕过RGB步骤将YUV转换为HSL或HSV
维基百科和大量在线资源为从/到RGB的各种颜色空间转换提供了详细而丰富的帮助.我需要的是直接YUV-> HSL/HSV转换. 实际上，我需要的只是色调(对饱和度或亮度“亮度/值"不太在意).换句话说，我只需要计算给定YUV颜色的“色角"即可. 使用任何语言的代码就足够了，尽管我更喜欢C风格的语法. 请注意，YUV特指Y'UV，也称为YCbCr(如果有区别的话). 解决方案
..
如何将HSB滤色镜应用于UIImage
我已经为UIImage色彩化项目苦苦挣扎了几天. 这个想法是，该应用程序将启动一组图像，这些图像我将不得不使用从Web服务检索的值进行着色.如果您愿意，可以使用某些主题. 与我合作的设计师为我提供了他所有Photoshop值的背景图片. 第一个问题是Photoshop使用HSL，而iOS使用HSB.因此，第一个挑战是转换Photoshop中的值. Photoshop HSL:-2
..
使用JavaScript获取HSL颜色
如果我有这个: .box{ color: #FF3010; background: hsl(0,90%,40%); } 然后是这个 var box = document.querySelector(".box"); var result = document.querySelector(".result"); result.innerHTML = "BG color: "+
..
如何在C中将RGB转换为HSL?
如何在C/C ++中将RGB转换为HSL? (注意:这是一个(简短的)自我解答-我在此处发布了它，以便人们可以通过搜索快速找到它.) 解决方案 从// Assuming sizeof(unsigned int) == 4 * sizeof(unsigned char) unsigned int RgbToHsl(unsigned int rgb) // Alpha value is
..
.Net颜色结构是否使用HSB或HSL颜色空间?
据我了解， HSL和HSB颜色空间非常相似，都使用相同的0 -360色轮用于色相，饱和度则使用相同的0-1值.它们之间的一个区别是，在HSB模型中，您具有亮度，其中0是黑色，而1是在全强度下的颜色，而在HSL中，您具有明度/发光度，其中0仍然是黑色，而1是白色. .net Color结构使用RGB空间，但是具有GetHue()，GetSaturation()和GetBrightness()函
..
CSS过滤器作为一张图像的颜色修改器
是否可以通过CSS滤镜方法(例如HueRotate，饱和度和亮度)更改将PNG绘制为完全白色的颜色?类似于Photoshop的颜色叠加效果，但使用CSS. 这将是避免创建仅更改颜色的大量图像的好方法.例如，一组具有深色和浅色UI的图标. 解决方案 您还可以通过添加棕褐色，然后添加一些饱和度，色相旋转度(例如色度)来给白色图像着色.在CSS中: filter: sepia() s
..