草庐IT

javascript - 在javascript中混合两种颜色 "naturally"

coder 2023-07-06 原文

问题:我想在 javascript 中混合两种颜色，并得到结果颜色。 SO 上有很多类似的问题，但是我没有发现任何实际工作正常的问题。我知道混合两种不同颜色的油漆(颜料)和灯光会产生非常不同的结果(http://en.wikipedia.org/wiki/Color_mixing)。

以下是我已经看到并尝试实现的问题和建议的解决方案:

1: Mixing two RGB color vectors to get resultant
因此，在 RGB 中混合颜色。我实现了它，在某些情况下它可以工作，但在某些情况下却不能。

工作示例:将 red 与 yellow -> orange 混合。太棒了!
http://jsbin.com/afomim/1/edit

不工作的例子:混合 blue 和 yellow -> gray。不太好! :) http://jsbin.com/afomim/5/edit
我知道在 RGB 中，将 blue 与 yellow 混合永远不会变成 green，我明白为什么。

我们不会在这里找到答案，让我们继续前进。

2: Adding Colours (Colors) Together like Paint (Blue + Yellow = Green, etc)

让我们尝试按照本次讨论中的建议使用 CMYK 值。将 cyan 与 yellow 混合得到 green:
http://jsbin.com/igaveg/1/edit
但将 blue 与 yellow 混合会得到 black。
http://jsbin.com/igaveg/2/edit -> 不工作!

3: How to mix colors "naturally" with C#?
一个非常相似的问题。投票最多的答案建议将颜色转换为 LAB，这个解决方案看起来很有希望。
所以我将颜色转换为 LAB。转换算法是正确的，我测试了!

http://jsbin.com/oxefox/1/edit

现在我在 LAB 中有两种颜色，但是如何混合它们呢？

注意 我知道我可能找不到将 blue 与 yellow 混合并给出完美的 green<>，但我希望我能生成类似于绿色的东西:)

最佳答案

我花了 3-4 天的时间来回答这个问题。这是一个非常复杂的问题。

如果你想“自然地”混合两种颜色，你可以这样做:

  1. CMYK 混合:这不是完美的解决方案，但如果您现在需要一个解决方案，并且不想花数月时间学习该主题、进行实验和编码，您可以查看:https://github.com/AndreasSoiron/Color_mixer

  2. 实现 Kubelka-Munk 理论。我花了很多时间阅读它，并试图理解它。如果你想要一个专业的解决方案，这应该是可行的方法，但它需要为你想要混合的每种颜色提供 6 个参数(如反射率、吸收率等)。仅有 R、G、B 是不够的。实现该理论并不难，但似乎缺少关于每种颜色的参数。如果你知道怎么做，请告诉我:)

  3. 实验:您可以做 ipad 应用程序的开发人员所做的事情:Paper。他们手动选择了 100 对流行颜色，并用眼球测试了它们应该如何混合。详细了解它 here。

我个人暂时会实现 CMYK 混合，也许以后，如果我有时间，我会尝试制作像 Fiftythree 的那些人那样的东西。会看到:)

关于javascript - 在javascript中混合两种颜色 "naturally"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14819058/

javascriptampcodenoreferrerstrongmathcolorscolor-scheme

有关javascript - 在javascript中混合两种颜色 "naturally"的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  4. ruby-on-rails - 在混合/模块中覆盖模型的属性访问器 - 2

    我有一个包含模块的模型。我想在模块中覆盖模型的访问器方法。例如:classBlah这显然行不通。有什么想法可以实现吗？ 最佳答案 您的代码看起来是正确的。我们正在毫无困难地使用这个确切的模式。如果我没记错的话，Rails使用#method_missing作为属性setter，因此您的模块将优先，阻止ActiveRecord的setter。如果您正在使用ActiveSupport::Concern(参见thisblogpost)，那么您的实例方法需要进入一个特殊的模块:classBlah

  5. ruby - 在没有 sass 引擎的情况下使用 sass 颜色函数 - 2

    我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re

  6. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  7. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据，该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中，我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤，而不是严格相等。然而，这是行不通的:scope:my_scope,->(que

  8. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  9. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  10. ruby - RVM "ERROR: Unable to checkout branch ."单用户 - 2

    我在新的Debian6VirtualBoxVM上安装RVM时遇到问题。我已经安装了所有需要的包并使用下载了安装脚本(curl-shttps://rvm.beginrescueend.com/install/rvm)>rvm，但以单个用户身份运行时bashrvm我收到以下错误消息:ERROR:Unabletocheckoutbranch.安装在这里停止，并且(据我所知)没有安装RVM的任何文件。如果我以root身份运行脚本(对于多用户安装)，我会收到另一条消息:Successfullycheckedoutbranch''安装程序继续并指示成功，但未添加.rvm目录，甚至在修改我的.bas

随机推荐