gpt4 book ai didi

javascript - 根据背景颜色输入更改文本前景的颜色

转载 作者:行者123 更新时间:2023-11-30 14:22:14 26 4
gpt4 key购买 nike

我有一个输入元素,允许用户设置输入元素的背景颜色。

当用户设置输入元素的背景颜色时,我希望输入元素中的文本与原始颜色形成对比色。

例如:用户输入“黑色”作为输入背景色;那么输入的文本颜色将为白色。但是,如果用户输入“白色”作为输入颜色,则文本颜色将为黑色。 (有比黑色或白色更多的情况。)

我将如何实现这一目标?我知道您可以在背景之上使用另一个元素并设置 mix-blend-mode,但我不想这样做,因为那样会删除输入点。

谢谢!

最佳答案

您可以根据颜色的十六进制值计算黑色或白色是否与用户给定的颜色具有更高的对比度。

此链接详细介绍了执行此计算的两种方法。 https://24ways.org/2010/calculating-color-contrast/

关于javascript - 根据背景颜色输入更改文本前景的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52564415/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com