问题标签 [hsl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2480 浏览

c++ - 最佳实践,在 Opencv 中检测 Mat 是否为黑白

我想知道我阅读的图像是黑白图像还是彩色图像。我在所有过程中都使用 Opencv。为了检测它,我目前读取了我的图像,将其从 BGR2GRAY 转换,并将原始的直方图(读取为 BGR)与第二个的直方图(称为 B&W)进行比较。

在伪代码中,它看起来像这样:

有更好的方法吗?我正在寻找我可以实现的最轻量级的算法和最佳实践。

谢谢您的帮助。

编辑:我忘了说我在 HSL 中转换了我的图像以比较亮度直方图。

0 投票
2 回答
6210 浏览

javascript - 如何在 CSSStyleDeclaration 对象上设置 hsl 颜色?

如何在CSSStyleDeclaration对象上设置 hsl 颜色?

我不想在 javascript 中使用 HEX 值或颜色名称。

请建议。

W3C 标准链接也会有很大帮助。

我犹豫设置 hsl 字符串,因为我在 W3C CSSOM 或 DOM 标准中没有找到它。

0 投票
1 回答
1099 浏览

actionscript-3 - 从 Flash 中的 HSL 值获取颜色

我只想知道如何从 Flash 中的 HSL 值中获取 Color() 对象或十六进制颜色值 (uint)。´

HSL 背后的想法是,我可以将任何范围内的值映射到色调 (0 - 360) 的范围并获得相应的颜色。

此外,我想控制与“亮度”或“亮度”值分开的色调值。饱和度始终为 100%。

我的代码的“基础”如下所示:

所以如果我有这个功能,我可以在一个for( i=0; i<360; i++)循环中调用它,在这个循环中i,色调将创建一个彩虹色谱。

我已经完成了一些map()功能来轻松处理“拉伸”色谱(例如不完全是 360 像素长的条。

因此,如果您知道如何从 as3 中的 HSL 值生成颜色,请告诉我。

解决方案更新

0 投票
1 回答
1101 浏览

javascript - 为 html 热图确定正确的 RGB

我希望能够应用从红色到绿色到蓝色平滑混合的颜色图。

我很清楚,我需要使用 HSL 来制作这样的热图,然后将每个 HSL 值转换为 RGB 值来实现这个结果。但是我不知道如何实施解决方案。

下面是获取表格元素并确定应用哪种 RGB 颜色的代码部分。在这种情况下,它是针对“凝聚能”的表格类型

这是网站http://muskoka.ices.utexas.edu/~fri/fridb/server.py

以下是一些示例数据:https ://docs.google.com/file/d/0B5gGZ4-SD7-ZU0RCWkFwN3JBYWs/edit?usp=sharing

0 投票
1 回答
62 浏览

javascript - skrollr 插件来转换颜色

我正在尝试为skrollr编写一个插件,以允许在不同类型的颜色注释之间进行转换。

这是目前的代码:

http://jsfiddle.net/nL75k/

它应该在 skrollr 之前运行并将每个颜色注释转换为 HSLA。

我不明白为什么控制台给了我 3 倍相同的结果:

它应该是:

任何的想法?

0 投票
3 回答
5367 浏览

graphics - 为什么 +180 度和 -180 度的色调旋转不会产生原始颜色?

通过阅读 HSL/HSV 颜色理论,我得到的印象是色调分量是一个循环属性,每 360 度重复一次,并且可以独立于饱和度和亮度/值进行更改。如果我错了,请纠正我,但这些陈述在逻辑上遵循前面的定义:

  1. 将色调旋转 360 度产生相同的颜色
  2. 将色调旋转 180 度两次产生原始颜色
  3. 将色调旋转 180 度,然后旋转 -180 度会产生原始颜色

但是,只有选项 1 是正确的。将色调旋转 4 次 +90 度会产生一种与原始颜色相差甚远的颜色。

此外,使用 -webkit-filter 和 SVG 的

不要为相同的旋转产生相同的结果。另一方面,SVG 过滤器产生的颜色在浏览器中是一致的。

是否有任何色调旋转的“隐藏”属性使操作不具有关联性?


可以在这里找到 webkit 过滤器和 SVG 的示例:http: //jsfiddle.net/maros_urbanec/ARsjb/5/

0 投票
3 回答
2144 浏览

javascript - Javascript - 使用正则表达式匹配和解析 Hsl 颜色字符串

我正在尝试解析一个 hsl 颜色字符串并从中获取一个十六进制颜色字符串。我尝试使用正则表达式,但无法弄清楚。我的正则表达式应该如何匹配并将 hsl 颜色字符串解析为色调、饱和度和值字段。输入将是以下之一;

谢谢。

0 投票
1 回答
806 浏览

c# - 如何为 HueModifier 设置亮度 - Aforge.Net

我正在使用 Aforge.net HueModifier 和 SaturationCorrection 过滤器来更改图像颜色。我的问题是如何在这些滤镜旁边设置亮度以获得所需的颜色?

0 投票
0 回答
160 浏览

javascript - 使用 JavaScript 计算良好范围内的颜色(与其他颜色“足够不同”)

我正在开发一个使用大量 key=value 标签的开源项目,并在 HTML UI 中使用将值显示为文本的标签来表示它们,并根据键(代码)确定性地为前景文本生成颜色在这里)。要了解它的外观,请查看屏幕截图 @ https://raw.github.com/vimeo/graph-explorer/master/screenshots/screenshot.png;右侧的标签图例显示了标签键字符串以及它们映射到的颜色。现在,我保留了所有标签 RGB #333 的背景,因为它看起来与页面的深色背景差不多。

正如您所料,对于某些键,这有点错误。例如“状态”给出#7b0065,它是深紫色,与背景的对比度不够高。

我尝试自动更改文本颜色以确保计算背景反色的可读性,但是:

  1. 所有不同的背景颜色使页面非常难看。
  2. 文本通常仍然不可读(通常更是如此,看起来像)

因此,与其获得反色,不如计算一种与给定颜色“远离”的颜色,即从背景颜色#333。

也许我们可以得到给定颜色和背景之间的“距离”,如果太近,稍微修改一下键,然后再试一次。或者,一个更好的主意?

检查颜色是否在特定颜色范围内看起来很有趣,但它适用于红宝石,而且似乎使用了不正确的数学(没有 HSL/HSV)。

0 投票
1 回答
253 浏览

algorithm - 将 HSL 转换为 RGB 的问题

我正在尝试将 HSL 值转换为 RGB,但我得到了奇怪的结果,如果色调值约为 180,则生成的 RGB 为负值,取决于亮度值。

我的实现:

以及上面的输出:

我遵循此算法并检查了许多其他算法以获得上述公式,包括 CSS3 文档中的公式: