应用黑色和白色的不透明度后生成颜色

我甚至不知道如何描述我想要的东西,但这里有。 假设我有3个文本框,并在第一个中输入一些颜色hex代码,我想在其上应用黑色图层,并将不透明度设置为50%并在第二个文本框中获得结果颜色。 同样的事情,但第三个是白色的。

让我解释一下:考虑下面的图片:

在此处输入图像描述

在Photoshop中,我有一个azure色的基础层。 我在它上面创建了两层,一层用黑色,一层用白色,但两层的不透明度都是50%。 现在,我可以使用颜色选择器(I)来简单地选择两种想要的颜色。

我不得不这么做很多次,所以我想知道我是否可以以编程方式生成它。

我知道,理想情况下我应该尝试一些东西,然后给出不起作用的代码..但这让我很难过,甚至不知道从哪里开始。 我见过的最接近的是库勒,所以我认为至少可以在闪光灯中使用,但话说再说一次,我不知道从哪里开始。

你能指点我正确的方向吗? 理想情况下,如果它在jQuery中可行,那将会好得多,但我环顾四周,找不到任何类似的东西。 我不是要求一个有效的解决方案 ,只是在正确的方向上轻推。

如果您有任何问题,请询问。

技术对我来说并不重要,解决方案是 – 我最熟悉c#(至少我喜欢认为我是)但我是php,flash的初学者。 Jquery,我很擅长大多数东西(好吧,谁不是?) – 无论什么作品对我都有好处。 Php和Flash,我把它作为一种业余爱好只是为了熟悉自己。

非常感谢。

所以我可以接近,但不完全是你的结果,我认为这是.NET在创建颜色时使用1..255范围内的数字的副作用。

但是,我认为这几乎可以满足您的需求:

 public class ColorUtility { private Color color; public ColorUtility(Color original) { this.color = original; } public Color GetTransformedColor(Color overlay) { using(var bitmap = new Bitmap(1,1)) { var g = Graphics.FromImage(bitmap); using(Brush baseBrush = new SolidBrush(this.color)) { g.FillRectangle(baseBrush,0,0,1,1); } using(Brush overlayBrush = new SolidBrush(Color.FromArgb(127,overlay))) { g.FillRectangle(overlayBrush,0,0,1,1); } return bitmap.GetPixel(0, 0); } } } 

用法:

  var startColor = ColorTranslator.FromHtml("#359eff"); var util = new ColorUtility(startColor); var blackOverlay = util.GetTransformedColor(Color.Black); // yields #9aceff var whiteOverlay = util.GetTransformedColor(Color.White); // yields #1b4f80 

接近您想要的结果,但不完全正确。

编辑:如果您在实用程序中将alpha值更改为128

黑色:#9acfff
怀特:#1a4f7f

这可能更接近你想要的,但它仍然不准确。

我知道我参加派对已经迟到了,只是想表现出另一种方式。

有一个jquery颜色插件,我从来没有真正使用过这个,但有一个看起来像你想要的function.. xColor是你正在寻找的插件..如果你去组合部分,你会看到它说它做你想要的。

我刚刚在jsfiddle上尝试了一个示例,但结果与Jamie的惊人答案一致 。 这给出了与Jamie代码相同的结果颜色。 所以你可以使用我猜。

那么……用你最熟悉的技术写出你刚才所说的内容有什么问题? 3个带有颜色的框,输入不透明度百分比,输出为混合颜色。 (我可以在flash上​​写它,但我不确定整个程序是否适用于此站点。)

如果您不知道如何将颜色与不透明度混合,此链接应该有所帮助:

http://www.pegtop.net/delphi/articles/blendmodes/opacity.htm