Question

我有一个Spring Boot应用程序，我需要使颜色更白。首先，我尝试使用CSS中的透明度，但后来我发现有些地方重叠并且可见。

例如我有这种颜色：＃de0059

现在我想在其中添加约20％的白色：＃e5337a

我如何用Java或纯CSS（不是SASS或其他）做到这一点？我不想让颜色变浅，我想让它在透明的白色背景上变得透明。

Answer 1

希望这会对你有所帮助。

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#333, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

<h1>Gradient text</h1>

Answer 2

在Java中你可以做Color.brighter（），但你无法定义你想要的颜色多少。或者，如果您可以执行类似

的操作

Color col = new Color(222, 0, 89); //The RGB equivalent of #de0059
Color lighter = new Color(col.getRed() * 0.8, col.getGreen() * 0.8, col.getBlue() * 0.8);

如果您只是想提高透明度，可以

Color transparent = new Color(col.getRed(), col.getGreen(), col.getBlue, (255*0.8));

Java构造函数中的第四个参数是透明度的alpha字符，其中255 =完全不透明，0 =完全透明。

Answer 3

非常有趣的问题。我不知道如何准确衡量20% whiter但是如果你知道这背后的理论，你可以通过brightness和contrast css过滤器获得你想要的结果。我举了一个例子：

＆＃13;

.box {
   display: inline-block;
   width: 80px;
   height:80px;
   line-height: 80px;
   color: #ffffff;
   text-align: center;
   font-family: sans-serif;
   margin-right: 1px;
}

.box-1 {
  background-color: #de0059;
}
 
.box-2 {
  background-color: #e5337a;
}
 
.box-3 {
  background-color: #de0059;
  filter: brightness(120%) contrast(70%);
}

＆＃13;

<p>using pure colors</p>
<div class="box box-1">#de0059</div>
<div class="box box-2">#e5337a</div>
<br>
<p>using css filters</p>
<div class="box box-1">#de0059</div>
<div class="box box-3">calculated</div>

＆＃13;

我的消息来源：

使颜色变白20％

3 个答案: