14
Сен
2021

Генерация палитры цветов с JS по rgb

Имеется вот такой генератор Можете выбрать там какой-нибудь яркий цвет. Обратите внимание, что там нумерация идёт от 900 и до 50. Цвет в кружке -- начальный цвет. Именно от него идёт генерация других цветом.

Нужен код по генерации точно такой же палитры. Мне удалось написать свою реализацию, но дело в том, что в моей реализации цвета только становятся темнее и светлее, а в примере по ссылке они ещё и оттенок немного меняют, а не просто затемняются или засветляются.

Сделала я свою реализацию со сдвигом цветом в rgb. К примеру, был цвет rgb(150, 150, 150) и я просто сдвигаю значения каждого канала и получаю, к примеру, следующее: rgb(130, 130, 130). Тем самым начальный цвет стал темнее.

Но вся суть в том, что по ссылке выше работает какой-то другой алгоритм и меняются ещё и оттенки.

может в самой либе это есть но я там не нашла конкретно, что мне нужно. Вот здесь /packages/mui-system/src/colorManipulator.js но там, насколько я поняла, нет того, что нужно. Хотя... Могу ошибиться.

За любую помощь буду признательна. Даже если просто направите, дадите ссылку на материал для изучению...

Источник: https://ru.stackoverflow.com/questions/1328233/%D0%93%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F-%D0%BF%D0%B0%D0%BB%D0%B8%D1%82%D1%80%D1%8B-%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2-%D1%81-js-%D0%BF%D0%BE-rgb

Тебе может это понравится...

Добавить комментарий