Ludovic Frank Colors

Градиентная цветовая палитра

Градиентная палитра равномерно переходит от самого тёмного цвета к самому светлому. Это готовая основа для CSS `linear-gradient` или цветовой шкалы дизайн-системы.

Пример палитры

500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC

HEX-коды для копирования

Шкала с заданным порядком

В отличие от других гармоний, здесь важен порядок. Каждый цвет — ступень между двумя крайними значениями. Это идеальная основа для именования токенов (100, 200, 300…) и предсказуемых различий контраста между уровнями.

Сразу добавьте в свой CSS

Экспортируйте палитру как переменные CSS или конфигурацию Tailwind. Используйте крайние цвета для градиента, а промежуточные — для фонов, границ и состояний. LFColors создаёт оба формата одним нажатием.

Создать палитру «градиент»

Бесплатно, без регистрации

Другие цветовые гармонии