Добавьте непрозрачность в шестнадцатеричное представление цвета

Question

У меня есть цветовой код, например #EB5757, который является своего рода красным. Я хочу добавить к нему непрозрачность 0.15 или 15%. Посмотрев на этот вопрос я увидел в принятом ответе, что для 15% нужно добавить 26 в начале.

Итак, я сделал это: #26EB5757 но теперь получился цвет не красный с непрозрачностью, а зеленый. Я использую это в Javascript / React, если эта информация полезна.

style = {backgroundColor: '#26EB5757'}

Любые идеи о том, как сделать этот оригинальный красный цвет непрозрачным?

Answer 1

8 ди git шестнадцатеричное цветовое обозначение в CSS имеет следующий формат:

#RRGGBBAA

RR - red
GG - green
BB - blue
AA - alpha

Вы должны использовать:

#EB575726 (for your 15% red)

Answer 2

Полагаю, вы можете использовать конвертер, чтобы получить реальное RGB представление этого HEX. Вы можете попробовать это один

Затем вы можете просто добавить свою непрозрачность в rgba, как это использовать backgroundColor: rgba(235,87,87, 0.15)