相关疑难解决方法(0)

不确定这是否可行,但希望编写一个可以返回图像平均值hex或rgb值的脚本.我知道它可以在AS中完成,但希望在JavaScript中完成.

我正在寻找一种技术,我们可以通过编程方式选择最佳的颜色对比,以应用于不同(不可预测的)背景颜色的HTML元素上的文本.

由于HTML元素将具有不同的颜色,我们正在寻找一种能够确定文本背后内容的颜色的技术,然后调整文本的颜色以使用具有最佳对比度的颜色.

我很确定这不能只是CSS,我已经找了Jquery解决方案,但找不到任何...有人有线索吗？

[更新]: 根据第一个回复,我想我需要改写.想象一下,我建立一个图像共享服务,我希望让人们标签上的图片自己.图片可以是任何颜色.如何为每张不同的图片选择正确的标签颜色？

是否可以使用CSS动态更改基于背景颜色的文本颜色,或者如果CSS无法使用JS可以动态更改文本颜色？我有一个文字下面的图像.我的文字颜色是白色,但图像上有白色.当文本超出白色形状时,我需要更深颜色的文本颜色.

HTML:

<div class="biography">
            <img src="http://s16.postimg.org/c09zw94jp/author_photo.png" alt="author" class="bio-img">
            <div class="biography-text">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit <br>
                    Vestibulum pellentesque auctor quam a sollicitudin.<br>
                    Pellentesque accumsan a sem eget dictum.
                </p>
                <p>
                    Morbi dictum lorem tortor, id consequat libero gravida ut.<br>
Nullam dictum sed massa et bibendum.
                </p>
                <p>Praesent sed dui mattis, dictum urna sit amet, imperdiet purus.</p>
                <p> Suspendisse potenti.</p>
            </div>
        </div>

CSS:

body {
  background-color: #7ccbe6;
}
.biography {
    min-height: 410px;
}
.biography .biography-text {
    position: …

我想根据元素的背景颜色更改元素的文本颜色.

例如,如果背景颜色更改为黑色,则将文本设为白色.如果背景颜色更改为白色,则将文本设为黑色.

虽然用户可以将背景颜色改变为他们想要的任何颜色,但它会比那更复杂.

我发现了一些关于在后端处理它的随机文章,但没有使用javascript(或更好的,jQuery).

在这个页面上,我有第一个div作为暗图像,第二个作为浅色背景.

我希望侧边栏文字颜色在暗图像上亮,在灯光上暗.

我将如何根据div背景中的颜色设置颜色？只需要两种颜色选择.

这是我正在寻找的另一个例子http://www.acnestudios.com/ example html:

 <div id="home_wrapper">
    <div id="home_top_t_wrap"> <!-- DARK BACKGROUND -->
        <h1 class="top_text_h1"> Shop New York Like Never Before </h1> <!-- TEXT THAT NEEDS TO GO FROM LIGHT TO DARK -->    </div>
    <div id="the_market_container"> <!-- LIGHT BACKGROUND --></div>
 </div>

我们正在改变我们网站的外观。许多元素的颜色都在变化。我们的辅助按钮从带有白色文本的紫色背景变为：

围绕继承背景的红色边框：

我们在许多页面的数百个位置使用此按钮。它驻留在具有各种背景颜色（和一些背景图像）的部分中。

使用旧的按钮处理，我在确定文本颜色时不必担心背景颜色。文本颜色始终为白色：

.secondary-button {
    color: white;
}

现在字体颜色将不得不根据背景改变。它需要是白色或紫色，具体取决于背景的暗度。白色在浅色背景上不起作用：

因为这个按钮用在很多地方，我不想手动浏览所有这些按钮并在每个按钮的基础上进行选择。CSS 中有没有办法根据背景的暗度选择两种背景颜色中的一种？就像是：

.secondary-button {
    color: calc(background-color>#999?purple:white);
}

我找到了使用 JavaScript 完成此操作的方法：根据覆盖背景区域的亮度更改文本颜色？以及计算颜色有多深的语言不可知算法：根据背景颜色确定字体颜色，但我无法找到纯 CSS 解决方案。

我有一个背景图片,上面有一些UILabel.
用户可以将背景图像更改为任何颜色,而我必须确定哪种颜色可以更好地用于UILabels,白色还是黑色？

最好的例子是iOS 7 Home Screen.
当背景暗时,文本变为白色,反之亦然.
但是,当背景介于黑暗和光线之间时,例如:半图像100%白色,另一半100%黑色 - 文本变为白色,并添加阴影效果,因此它将是可读的.

我一直面临的问题是如何指出这是什么类型的图像？
天黑了吗？这很轻吗？它是在暗光之间吗？
我怎样才能将这一点变为人类对代码的清晰度？

我明显想自己编写代码,但我不知道.
我开始学习对比度和亮度,但我无法将各个部分粘在一起.
我应该从哪里开始？非常感谢!