Как перевести цвет, заданный через rgba в hex с opacity?

Question

Как перевести цвет, заданный через rgba в hex с opacity?

SayMyName Ученик (94), закрыт 6 лет назад

Answer 1

Вот так

"rgba(136, 136, 77, 1);".match(/\d+/g).reduce((a,b,c)=>(c<3?(a+(+b).toString(16).toLocaleUpperCase()):a),'#');

//"#88884D"

или просто воспользуйся конвертером тут!
https://colorscheme.ru/color-converter.html

⚤

Answer 2

прозрачность с цветом непосредственно не связана, это параметр наложения двух картинок друг на друга.

Answer 3

В HEX-формате CSS-цветов не существует прозрачности. Но если ты говоришь об CSS-атрибуте opacity, то:

Первую компоненту умножаешь на 256*256, вторую на 256, третью оставляешь без изменений. Складываешь получившиеся числа и сумму переводишь в 16-ричное 6-значное число - получаешь цвет.

Opacity - четвёртая компонента rgba - безо всяких преобразований.

Answer 4

Просто фшоке от предыдущих ответов.
́
function rgbaToHex(rgba) {
const re = /rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d*\.?\d+)\s*\)/i;
if (!(rgba = rgba.match(re)))
return;
rgba.shift();
rgba[3] = parseInt(rgba[3] * 255);
if (rgba.find(v => +v > 255))
return;
return rgba.reduce(
(hex, v) => hex += (+v).toString(16).padStart(2, '0')
, '#');
}