Осознанный выбор и полный контроль над цветовым набором интерфейса

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

Осознанный выбор и полный контроль над цветовым набором интерфейса
13

Поняла что не совсем правильно задала вопрос.
Допустим, я создаю один квадратик с HEX (зеленый, с прозрачностью 100%), затем создаю цветовой стиль- 100. Далее добавляю еще квадратики, затем присваиваю им этот стиль green. При этом прозрачность внутри этого стиля я менять не смогла, т.к. меняется прозрачность во всех квадратиках с этим стилем. Прозрачность меньше 100% получилось настроить только через "Layer". Это можно увидеть на первом скрине. И наконец потом через пипетку переназначила все, чтобы получить финальные цвета.
А вот в случае когда требуется получить цвета свыше 100%. Как настраивать прозрачность в этом цветовом стиле с одним HEX, тут я вообще никак не догадалась( Смогла только, не создавая цветовой стиль, через отдельный квадратик сделать, добавив еще слой через Fill с этим же HEX с прозрачностью 30%. Дальше через пипетку получила новый цвет без прозрачности. Т.к. показано на втором скрине экрана.
Получается, что менять всю палитру оттенков через один стиль у меня удалось только для HEX c прозрачностью от 100% до 20% и то, наверное коряво (через "Layer"). С прозрачностью от 100% до 190% получилось сделать палитру меняя каждый квадратик отдельно. Надеюсь когда-нибудь я осилю эту задачку :) Но в любом случае спасибо за ответ.
Статья огонь. Буду создавать теперь цветовой набор осознано благодаря вам))

Ответить