Добавить альфа-канал в шестнадцатеричный цвет, объявленный в переменной CSS - PullRequest
0 голосов
/ 27 августа 2018

Как видно из заголовка, я бы хотел как-то добавить прозрачность в шестнадцатеричный цвет, определенный в переменной css. Я видел решения в других постах, использующих rgb, но мне нужен hex. Может быть, с помощью rgba (), calc () или linear-Gradient (), но я не добился никакого результата своими попытками.

Может кто-нибудь помочь?

Я не могу найти похожие посты, так как использую шестнадцатеричные цвета и переменные css

Например:

:root {
  --blue: #0000ff;
}
 
.blue-with-alpha {
  color: var(--blue)66; /* I am trying to achieve something like this */
}

1 Ответ

0 голосов
/ 27 августа 2018

Ваш вопрос был действительно интересным. Простое решение этой проблемы здесь. Обычно наш шестнадцатеричный цвет состоял из 6 или 3 цифр, за которым следовал #. Так что вам просто нужно добавить два дополнительных значения Alpha в конец цветового кода.

например красный цвет = # f00 и после добавления прозрачности # f007. Здесь 7 представляет прозрачность в шестнадцатеричном формате.

.box {
height:300px;
width:300px;
background-color:red;
}
.blue {
height:300px;
width:300px;
background-color:#0000ff77;
}
<html>
<div class="box">
	<div class="blue">
	</div>
</div>
</html>

Надеюсь, это помогло. Извините за плохой английский.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...