Как конвертировать дробные значения rgb в валидное значения для background-color?

Question

[Никита]

Занимаюсь импортом элементов с Figma. У меня есть два прямоугольника: красный и зеленый, значения красного прямоугольника в фигме во вкладке rgb указано в качестве 255, 3, 3, у зеленого: 33, 95, 23. Но при запросе на апи фигма в ответе приходят следующие значения:
r: 1
g: 0.012499988079071045
b: 0.012499988079071045
a: 1

r: 0.13031700253486633
b: 0.09116318821907043
g: 0.3708333373069763
a: 1

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

Comments

[Дмитрий]

Как вариант умножать на 255 и округлять

[twobomb]

Не знаю как у вас не совпадают, я умножил каждое значение и округлил и получил то, что нужно

[Юрий]

Дмитрий, только на 256. Похоже, там внутри отсчёт с единицы. По крайней мере, тогда цифры получаются ближе к тем, что должны быть.
Почему в фигме сделано именно так - другой вопрос. Скорее всего, внутри какая-то своя цветовая система, с большей глубиной, чем стандартное восьмибитное ргба.

[Никита]

Дмитрий, да, спасибо большое, это именно то, что нужно. Спасибо за помощь. А вы не знаете, почему в фигме цвета таким образом могут быть указаны?

[Дмитрий]

Юрий, я забыл как это называется и сейчас не найду, эти значения вполне можно получить, просто такой формат

[Дмитрий]

Никита, не в курсе, что такое фигма, представил какой то навороченный паинт с пипеткой)

[Дмитрий]

Юрий, судя по альфаканалу равному 1, наверное все же 255 или 127

[Дмитрий]

https://ru.m.wikipedia.org/wiki/HSL оно вроде

[Никита]

Дмитрий, figma - это приложение для создания дизайна(самое популярное, наверно), которое работает внутри браузера. https://figma.com

[Никита]

Дмитрий, спасибо за пояснения :)

[Дмитрий]

Никита, это нормализация значений
Вот в php такое встречал, когда то я получал это и через gd
https://www.php.net/manual/ru/imagickpixel.getcolor.php

Answer 1

[Дмитрий]

https://ru.m.wikipedia.org/wiki/SRGB

Эти значения также находятся в диапазоне [0, 1] и для перевода в [0, 255] их нужно умножить на 255 и округлить.

https://www.figma.com/blog/figma-desktop-app-impro...
Вот ещё нагуглилось