GS или просто Шкала — это взаимосвязанная система из 84 градиентов, выстроенная на основе шкалы оттенка (hue). В рамках неё цветовой спектр наложен на сетку и снабжён адресами. Через Шкалу удобно начинать работу с цветом и градиентами.
Эта система — оригинальная разработка, которую я бесплатно выпускаю в рамках проекта /designer. Её можно скачать в виде фигма-файла:
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a2b4fa86-b311-4cf9-a2bd-0c0432aa689a/duplicate.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a2b4fa86-b311-4cf9-a2bd-0c0432aa689a/duplicate.svg" width="40px" /> Дублировать из Community
</aside>
Систему можно использовать для подбора цвета в пространстве HSL и в качестве обучающего инструмента, чтобы лучше ориентироваться в Цветовом пространстве и применять его взаимосвязи в работе.
Также шкала поможет понимать, как взаимодействуют цвета с белым и чёрным текстом.
Основа шкалы — горизонтальный ряд из 6 ячеек-пробников, в которых настроены двухцветные градиенты. Они формируют полный цветовой спектр.
Каждый цвет в них имеет значение освещённости в 50%. Этот ряд — вариант спектра с набором максимально ярких цветов.
В каждой из ячеек настроен градиент из двух цветов, которые отличаются друг от друга оттенком. Расстояние между двумя цветами в любом градиенте Шкалы — 60° по оттенку.
По примерному значению градуса можно описать оттенок:
0° — красный
60° — жёлтый
120° — зелёный
180° — бирюзовый
