Как создать градиентную палитру
Выберите начальный и конечный цвет — введите код или выберите в палитре — и сколько оттенков между ними вам нужно, от 3 до 12. Промежуточные цвета рассчитываются в цветовом пространстве, которое имитирует человеческое зрение (OKLab), поэтому шаги между оттенками выглядят равномерно, а в середине не появляются грязные серые.
Градиентная палитра или плавный градиент
Этот инструмент даёт отдельные цвета, каждый со своим кодом, которые используются по одному: в шкале Tailwind, в графиках, в презентации или в разделах сайта. Если нужен фон, плавно переходящий от одного цвета к другому, воспользуйтесь генератором CSS-градиентов.
Частые вопросы
Что такое градиентная палитра?
Это ряд цветов, которые постепенно переходят от одного цвета к другому. Например, от розового к голубому за 7 шагов. У каждого цвета свой HEX-код, и его можно использовать отдельно.
Сколько цветов может быть в палитре?
От 3 до 12. При малом количестве цветов скачки заметнее; при большом переход мягче и выбор оттенков шире.
В какие форматы её можно экспортировать?
В CSS-переменные с готовым градиентом, список HEX-кодов, конфигурацию Tailwind, JSON, SVG или изображение PNG. Её также можно открыть в генераторе палитр и продолжить редактировать.
Почему промежуточные оттенки не выглядят серыми?
Потому что смешивание рассчитывается в OKLab — цветовом пространстве, созданном по образцу человеческого зрения. Прямое смешивание в RGB между противоположными цветами, например розовым и зелёным, проходит через тусклые тона; в OKLab переход чище и равномернее.
Можно ли поделиться своей палитрой?
Да. Адрес страницы хранит оба цвета и количество оттенков, так что достаточно скопировать его и отправить.
Чем это отличается от генератора градиентов?
Генератор градиентов создаёт плавный фон в CSS. Этот инструмент даёт отдельные цвета, лежащие между двумя цветами, чтобы их можно было использовать по одному.
Это бесплатно?
Да, без регистрации и без ограничений. Любимые градиенты можно сохранить сердечком; они останутся в этом браузере.