- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要将数字(科学数据)的加法表示为相应的“真实”颜色。 (添加剂混合)
例如红色 + 蓝色 = 洋红色
但是,可能会有一小部分的红色和大部分的蓝色,这会改变绿色的阴影。
问题
是否有颜色格式(RGB、HEX 等)或我可以用来轻松计算相应颜色的某种方法?
背景
我需要 animate cryptography使用“颜色混合”类比。 A B 和 C 分别代表一种颜色。我需要演示的颜色组合是:
最佳答案
您链接的示例视频使用了颜色添加(真的很酷,所以 +1)。提示是他们在动画之前使用的实际灯:Light (electromagnetic radiation) is additive .维基百科的示例图像与您的示例相匹配,红色 + 蓝色 = 洋红色。
视频的另一个关键概念是反色,视频将其描述为“互补色,当添加到它[原始颜色]时会产生白色”
在数学上,您可以将其应用于任何颜色操作和表示以获得您想要的视觉效果,只要您选择的操作具有精确的数学逆。为了演示,让我们看一下他们给出的示例,引用 list of web colors和上图。
爱丽丝的 secret 颜色:红色。 #FF0000
爱丽丝的公共(public)颜色:青色。 #00FFFF
从技术上讲,它的 Web 名称是 Aqua,但很容易验证 #FF0000
+ #00FFFF
= #FFFFFF
白色,所以它是一样的。
(他们假设很难弄清楚红色 + 青色 = 白色;这显然是错误的,但这是视觉颜色表示的必要自负)。
Bob 想与 Alice 分享的颜色:黄色 #FFFF00
Bob 实际传输的颜色:绿色(= 黄色 + 青色)#008000
颜色 Alice 从绿色解码:黄色(= 红色 + 绿色)
可是等等!最后两个步骤没有意义。
Green = Yellow + Cyan
#008000 = #FFFF00 ? #00FFFF
Yellow = Red + Green
#FFFF00 = #FF0000 ? #008000
然而,这每一步都与维基百科的加色轮相匹配。你可能已经为自己想了这么多。颜色添加对物理光如此有效的原因是真实强度是无限的。我们的眼睛是模拟的,我们的瞳孔会自动扩张和收缩以获得更暗或更亮的颜色。 (而且我们会不由自主地闭上眼睛面对超强光)。
#FFFFFF
,
rgb(100%, 100%, 100%)
, 或
hsl(0, 100%, 100%)
对于大量的组合。 (事实上,这将发生在两种颜色的每种可能组合中的一半。如果您允许输入颜色的全部范围,这在视觉上并不是很有趣。)确实,简单的溢出限制了视频中的最后两个示例生产:
Yellow + Cyan = ?
#FFFF00 + #00FFFF = #FFFFFF : white!
Red + Green = ?
#FF0000 + #008000 = #FF8000 : kind of orange, actually.
唯一的结论是数字加法不等于物理加法。这可以追溯到我上面描述的物理表示和数字表示之间的根本区别。摄影师、程序员等人并没有失去这种区别。因此存在各种各样的颜色处理和组合操作,在“行业”中称为
blend modes .事实证明,最接近视觉颜色添加的混合模式称为
Screen .使维基百科的语言适应我们的加密示例:
With Screen blend mode the values of the two colors are inverted, multiplied, and then inverted again. The result is a brighter picture.
screen(a,b) = 1 - (1 - a)x(1 - b), where A is Alice's secret color and B is the color Bob sent to Alice.
var canvas = document.getElementById('canvas');
canvas.width = 300;
canvas.height = 300;
var ctx = canvas.getContext('2d');
/* globalCompositeOperation :
normal | multiply | screen | overlay |
darken | lighten | color-dodge | color-burn | hard-light |
soft-light | difference | exclusion | hue | saturation |
color | luminosity
*/
ctx.globalCompositeOperation = 'screen';
//red
ctx.fillStyle = 'rgb(255,0,0)';
ctx.beginPath();
ctx.arc(150, 100, 100, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
//green
ctx.fillStyle = 'rgb(0,255,0)';
ctx.beginPath();
ctx.arc(100, 200, 100, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
//blue
ctx.fillStyle = 'rgb(0,0,255)';
ctx.beginPath();
ctx.arc(200, 200, 100, 0, Math.PI * 2, true);
ctx.closePath();
ctx.fill();
<canvas id="canvas"></canvas>
关于javascript - 什么颜色格式允许正确的颜色值 "adding"或 "mixing"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29632352/
我有一个 ASP.NET 网站,我希望只允许 AD 组中的用户访问该网站。我正在使用如下的 web.config 片段,但这似乎不起作用:
仅当选中所有框时才应禁用“允许”按钮。我该怎么做?我已经完成了 HTML 部分,如下所示。如何执行其中的逻辑部分?即使未选中一个复选框,也应禁用“允许”按钮
当前有一个Navigator.push(context,route),但是上下文部分返回了错误,在尝试调试后,我发现问题是因为我在调用一个函数而不是直接将home设置为widget树。但是现在我不确定
这是我的邮政编码正则表达式 ^[a-zA-Z0-9]{1,9}$ 但不允许 A-12345。如何更改 - 也将被允许的正则表达式? 最佳答案 在字符集的开头或结尾添加-([...]): ^[-a-zA
我目前正在建立我的网站,但遇到了一个问题 JavaScript 中的混合内容阻止 当我尝试加载和显示来自 的图像和页面时,Chrome、Mozilla 和 Explorer 会发生这种情况http 我
我见过使用: [mysqld] bind-address = 255.112.324.12 允许远程访问单个 IP。我如何允许从 mysql 远程访问所有 IP? 最佳答案 如果你想允许它用于所
我想知道是否可以使用模板实现某些功能。我想要做的是允许特定的“复制构造函数和赋值运算符”从一个模板到另一个模板并禁用其他模板。 我想我只完成了一件我想要的事情,所以我提供了下面的类(class)。对于
这个问题在这里已经有了答案: How to validate an email address in PHP (15 个答案) 关闭 2 年前。 正则表达式让我大吃一惊。我如何更改此设置以验证带有加
解析可以采用以下格式之一的日期的最佳方法是什么 "dd-MM-yyyy HH:mm" "dd/MM/yyyy HH:mm" "dd.MM.yyyy HH:mm" 无需创建 3 个 SimpleD
我们知道,下面的代码格式不正确,因为成员 x 在依赖的基类中。但是,将指定行上的 x 更改为 this->x 将修复错误。 template struct B { int x; }; tem
如果能帮助我理解“Java 并发实践”中的以下内容,我将不胜感激: Calling an overrideable instance method(one that is neither privat
此时如果上传一个不在预定义的安全扩展名列表,如.lrc,会报错: File type does not meet security guidelines. Try another. 解决此问题有
我有一个运行韵律,可以为我的几个域和一个 friend 域处理 XMPP。我 friend 域中的一位用户(他的妻子)想更改她的密码(实际上她忘记了她,所以我会用 prosodyctl 设置一个,然后
使用 nginx,您可以允许和拒绝范围和 ips (https://www.nginx.com/resources/admin-guide/restricting-access/)。使用realip模
什么是一些好的克里金法/插值想法/选项,可以让重度权重的点在绘制的 R map 上的轻权重点上流血? 康涅狄格州有八个县。我找到了质心并想绘制这八个县中每个县的贫困率。其中三个县人口稠密(约 100
我正在使用 virtualbox + ubuntu + vagrant . 但是我不能ping或 wget任何网址。请指导我如何允许虚拟机访问我的主机的互联网? 最佳答案 这对我有用。 使用此配置 V
标题可能有点令人困惑,所以让我向您解释一下。 在 Swift 中,我们可以拥有带有默认参数值的函数,例如: func foo(value: Int = 32) { } 我们也可以有 In-Out 参数
有TextView1 和TextView2。 TextView2 应该 float 在 TextView1 的右侧。只要两个 TextView 的总宽度不使 TextView2 与右侧的框重叠,Tex
使用 Magento 收集方法 addFieldToFilter 时是否可以允许按 NULL 值进行过滤?我想选择集合中具有自定义属性的所有产品,即使没有为该属性分配任何值。 最佳答案 您不需要使用
我正试图从 .htaccess 文件中的规则中“排除”一个目录(及其所有文件夹)... 不确定这是否可能? .htaccess 文件是这样的: Order Allow,Deny Deny from a
我是一名优秀的程序员,十分优秀!