相关疑难解决方法(0)

用于确定RGB颜色亮度的公式

我正在寻找某种公式或算法来确定给定RGB值的颜色的亮度.我知道它不能像将RGB值一起添加并且具有更高的总和更简单一样简单,但我有点不知道从哪里开始.

rgb image colors

366
推荐指数
11
解决办法
28万
查看次数

在PHP中将十六进制颜色转换为RGB值

使用PHP 将十六进制颜色值#ffffff转换为单个RGB值的好方法是255 255 255什么?

php rgb hex colors

65
推荐指数
9
解决办法
7万
查看次数

JS函数计算互补色?

有没有人知道,用于计算十六进制值的互补色的Javascript解决方案?

网上有很多颜色挑选套件和调色板生成器,但我还没有看到任何使用JS计算颜色的颜色.

非常感谢详细的提示或片段.

javascript rgb colors palette

62
推荐指数
4
解决办法
4万
查看次数

使用CSS根据继承的背景色动态计算前景色

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

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

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

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

.secondary-button {
    color: white;
}
Run Code Online (Sandbox Code Playgroud)

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

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

.secondary-button {
    color: calc(background-color>#999?purple:white);
}
Run Code Online (Sandbox Code Playgroud)

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

css colors background-color

7
推荐指数
2
解决办法
6976
查看次数

如何确定包含图像的 div 的最佳背景颜色?

我的图像资源中有一些徽标。这些标志将被导入到本网站中。每个标志都有随机颜色(可以是白色、黑色、灰色、红色、蓝色、绿色等)并具有透明背景。例如:

白色标志 黑色标志 灰色标志

以下代码将用于在网站页面上显示徽标:

.magic-box {
    width: 200px;
    height: 100px;
    border: 1px solid black;
    position: relative;
    border-radius: 20px;
    background-color: white; /* can be changed */
}

.magic-image {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.images {
  display: flex;
}
Run Code Online (Sandbox Code Playgroud)
<div class="images">
  <div class="magic-box">
    <img src="https://i.stack.imgur.com/b7yHv.png" class="magic-image" />
  </div>
  <div class="magic-box">
    <img src="https://i.stack.imgur.com/IhCH1.png" class="magic-image" />
  </div>
  <div class="magic-box">
    <img src="https://i.stack.imgur.com/tYjdM.png" class="magic-image" />
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

问题是当我将背景颜色设置为.magic-box白色时,白色徽标不会显示。当背景颜色设置为黑色时,黑色标志不可见,等等。

html javascript css image colors

5
推荐指数
1
解决办法
939
查看次数

智能色彩检测

我们正在开发一种医疗调度系统,允许用户根据特定状态定义要在日历上显示的颜色.我们遇到的问题是,如果用户选择深色背景颜色并且我们使用深色字体,则字体不会显示.同样,如果他们选择浅色,我们使用的是浅色字体.出于各种原因,我们不希望用户设置两种颜色.

但是,我们想知道颜色的十六进制代码是否存在特定模式.也许如果它小于给定值,应该使用深色字体,否则使用浅色字体?

那么,有没有一种智能的方法来根据用户选择的背景颜色以编程方式选择字体颜色?

艾米

hex colors

4
推荐指数
1
解决办法
2538
查看次数

如何检查背景颜色的亮度来决定其上写入的文本颜色

我有一个简单的问题,但我找不到答案。请注意,我几乎是一个完全的初学者。

所以我有一个应用程序(它不是我的,但我正在为它做出贡献),并且在颜色背景上书写,用户可以更改它。如果背景足够亮,则文字应显示为黑色,如果背景不够亮,则文字应保持白色。

该应用程序是一款面向中小学生的学校日记应用程序,连接到匈牙利全州范围的学校日记服务。这里,最好的注释是5,最差的是1。用户可以在设置中设置每个等级的颜色。目前,只有注释“4”的代码被硬编码为黑色文本(因为“4”注释的背景默认为黄色),所有其他注释均为白色。这就是我想要自动化的。

白色文本示例

黑色文本示例

这是应用程序的主屏幕供参考

用户可以更改某种注释的颜色的页面

现在的代码:

switch (evaluation.NumberValue) {
    case 1:
      bColor = globals.color1;
      fColor = Colors.white;
      break;
    case 2:
      bColor = globals.color2;
      fColor = Colors.white;
      break;
    case 3:
      bColor = globals.color3;
      fColor = Colors.white;
      break;
    case 4:
      bColor = globals.color4;
      fColor = Colors.black; //This should be white if color4 is dark enough. Same applies to all of them.
      break;
    case 5: //I'm looking for something like this:
      bColor = globals.color5;
      fColor = (lightLevel(globals.color5) > 50) ? Colors.black …
Run Code Online (Sandbox Code Playgroud)

background colors brightness luminance flutter

4
推荐指数
1
解决办法
3477
查看次数

C#为标签获得良好的颜色

我在Windows窗体应用程序中背景的颜色是随机的。现在我要显示一个标签。

但是,当随机颜色为白色且标签也为黑色时,则标签不可见。

如何获得完美的颜色,背景颜色可见(我的backgroundcolor是System.Drawing.Color中的随机颜色)

c# forms windows drawing colors

1
推荐指数
1
解决办法
464
查看次数