Question

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

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

enter image description here

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

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

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

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

如果您有任何疑问，请询问。

技术对我来说并不重要，解决方案 - 我最熟悉c＃（至少我喜欢认为我是）但我是php，flash的初学者。 Jquery，我很擅长大多数东西（好吧，谁不是？） - 无论什么作品对我都有好处。 _{Php和Flash，我认为这只是为了熟悉自己。}

非常感谢。

Answer 1

所以我可以接近，但不完全是你的结果，我认为这是.NET在创建颜色时使用alpha 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

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

Answer 2

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

有一个jquery颜色插件，我从来没有真正使用它，但有一个看起来像你想要的功能.. xColor是你正在寻找的插件..如果你去combination section，你会看到它表明你做了你想做的事。

我刚试了sample on jsfiddle但结果与Jamie's amazing answer一致。这给出了与Jamie代码相同的结果颜色。所以你可以使用我猜。

Answer 3

那么......用你最熟悉的技术写出你刚才所说的内容有什么问题？ 3个带有颜色的框，输入不透明度百分比和输出作为混合颜色。（我可以在flash上写它，但我不确定整个程序是否适用于本网站。）

如果你不知道如何将颜色与不透明度混合，这个链接应该有所帮助：

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

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

3 个答案: