Как сконвертировать color-mix в rgb/hex?

Question

[Ragtime Kitty]

Привет.

Посдкажите, пожалуйста, есть ли способ сконвертировать цвет, заданный через color-mix в rgb или hex?

E.g. есть множество CSS-переменных примерно такого формата:
--color-a: color-mix(in srgb, magenta, aqua)

А на выходе хотелось бы получить #8080ff/rgb(128 128 255)

getComputedStyleвозвращает значение в формате 'color(srgb 0.5 0.5 1)'

В DevTools хрома можно навести курсор на цвет и он покажет hex в тултипе, но это прям ручник(

Answer 1

[Alexandroppolus]

getComputedStyleвозвращает значение в формате 'color(srgb 0.5 0.5 1)'

Выловить отсюда 3 числа регексом, каждое умножить на 255 и округлить, вот собственно они и есть.
Но это, насколько я понимаю, для "in srgb". У тебя ведь такие?

Comments

[Ragtime Kitty]

Да, спасибо, так получилось. В моем случае только sRGB
Но полагаю с другиими пространствами +- такой же подход, только формула другая.
Демка