草庐IT

javascript - 在 Lab、Hcl 或任何感知均匀的颜色系统中改变色调和亮度

coder 2024-07-26 原文

在 HSL 颜色空间中更改色调、饱和度和亮度非常容易。 参见 this javascript implementation for example .

生成配色方案也很容易,例如:类似色、单色、三色、四色等。 参见 this javascript implementation .

问题在于 HSL 颜色系统在感知上并不统一。
实际上这是一个真正的问题。

如果你不知道我在说什么,没关系。 阅读:herehere . (这两篇文章真的很短,但很有值(value),你真的应该读一读)。

解决方案是使用感知统一的色彩空间,例如:CieLab、CieLuv 或 Hcl。

问题是这些颜色空间也有色域外的颜色(无法显示的颜色)。

要在 javascript 中使用不同的颜色空间,请查看 chroma.jschromatist .

在这个简短的介绍之后是我的实际问题:

我想生成感知上统一的配色方案(类比色、三色色、四色色、互补色等)。正如我在 Hsl 中提到的,它很简单:例如,要生成一个三元组方案,我只需将 HUE 旋转 120,然后再旋转 240,我就有了一个三元组方案。

嗯,在 CieLab、Hcl 或 CieLuv 中,事情并不是那么简单。在 Hcl(色调、色度、亮度)中,如果我在不改变色度和亮度的情况下将色调旋转 120 级,则生成的颜色可能无法显示(将在 RGB 空间之外)。

让我们总结一下这个问题:

如何在感知均匀的颜色系统(如 CieLab、Hcl、CieLuv 或任何其他感知均匀的颜色空间)中生成配色方案?

我想用 javascript 实现这个,但基本上我想找到方法,所以这个问题与语言无关。

我希望我们能一起找到一个聪明的方法:)

最佳答案

最后我基于HUSL(Human Friendly HSL)色彩空间解决了这个问题。此色彩空间在感知上并不完全一致,但非常接近。

您可以在这里了解更多信息:

http://boronine.com/husl/

关于javascript - 在 Lab、Hcl 或任何感知均匀的颜色系统中改变色调和亮度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14879643/

有关javascript - 在 Lab、Hcl 或任何感知均匀的颜色系统中改变色调和亮度的更多相关文章

  1. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  2. ruby-on-rails - link_to 不显示任何 rails - 2

    我试图在索引页中创建一个超链接,但它没有显示,也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线,我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

  3. ruby-on-rails - RSpec:避免使用允许接收的任何实例 - 2

    我正在处理旧代码的一部分。beforedoallow_any_instance_of(SportRateManager).toreceive(:create).and_return(true)endRubocop错误如下:Avoidstubbingusing'allow_any_instance_of'我读到了RuboCop::RSpec:AnyInstance我试着像下面那样改变它。由此beforedoallow_any_instance_of(SportRateManager).toreceive(:create).and_return(true)end对此:let(:sport_

  4. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法? - 2

    我遇到了一个非常奇怪的问题,我很难解决。在我看来,我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时,我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性,其中包括href和data-method。再次单击此链接后,我的服务器收到了对新href的请求,但使用的是旧的data-method,即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是,如果我刷新页面,HTML与"new"HTML相同(随返回的JS发生变化),但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  5. ruby-on-rails - 如果条件与 &&,是否有任何性能提升 - 2

    如果用户是所有者,我有一个条件来检查说删除和文章。delete_articleifuser.owner?另一种方式是user.owner?&&delete_article选择它有什么好处还是它只是一种写作风格 最佳答案 性能不太可能成为该声明的问题。第一个要好得多-它更容易阅读。您future的自己和其他将开始编写代码的人会为此感谢您。 关于ruby-on-rails-如果条件与&&,是否有任何性能提升,我们在StackOverflow上找到一个类似的问题:

  6. ruby-on-rails - RoR中是否有任何内置方法可以为整数填充零? - 2

    如果我想要“00001”而不是“1”,除了我自己写填零方法之外,有没有内置的方法可以帮助我为整数填零? 最佳答案 puts"%05d"%1#00001参见:String::%,Kernel::sprintf这是正在发生的事情。%左侧的"%05d"是C风格的格式说明符。%右边的变量就是要格式化的东西。格式说明符可以像这样解码:%-格式说明符的开头0-用前导零填充5-长度为5个字符d-被格式化的是一个整数如果你要格式化多个东西,你会把它们放在一个数组中:"%d-%s"%[1,"One"]#=>1-one

  7. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接,但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  8. ruby - 在不添加 "end"的情况下编写 Ruby 的任何方法? - 2

    按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭11年前。Ruby是一种美丽的语言,但有一个我讨厌写很多次的关键词“结束”。有什么方法可以写出简洁的代码而不用每次都写“end”吗?

  9. 【自动驾驶环境感知项目】——基于Paddle3D的点云障碍物检测 - 2

    文章目录1.自动驾驶实战:基于Paddle3D的点云障碍物检测1.1环境信息1.2准备点云数据1.3安装Paddle3D1.4模型训练1.5模型评估1.6模型导出1.7模型部署效果附录show_lidar_pred_on_image.py1.自动驾驶实战:基于Paddle3D的点云障碍物检测项目地址——自动驾驶实战:基于Paddle3D的点云障碍物检测课程地址——自动驾驶感知系统揭秘1.1环境信息硬件信息CPU:2核AI加速卡:v100总显存:16GB总内存:16GB总硬盘:100GB环境配置Python:3.7.4框架信息框架版本:PaddlePaddle2.4.0(项目默认框架版本为2.3

  10. ruby - 检查一个数组中的任何数字是否小于另一个数组中的某个数字 - 2

    这似乎是一个很常见的问题。遗憾的是我在SO上找不到它。如果这是一个重复的问题;我为此道歉。假设我有两个整数数组A和B:A=[17,3,9,11,11,15,2]B=[1,13]如果数组A的任何元素小于数组B的任何元素,我需要返回true或false。简单的方法是使用2个循环(O(n^2)复杂度)defis_greater?(a,b)retVal=falseb.each{|element|a.each{|value|if(valuetrue我还整理了两个数组中的元素,然后使用单个while循环来确定A中的元素是否小于B中的元素。A.sort!B.sort!defis_greater?(a

随机推荐