Генератор палитры
Пять сочетающихся цветов. Закрепите удачные, остальные — заново.
Забрать с собой
Палитра записана в адресной строке, поэтому ссылка несёт её с собой — без аккаунта и без хранения где-либо.
Нажимайте пробел, чтобы получить новую пятёрку. Закрепите те, что стоит оставить, и нажмите снова — остальные перестроятся вокруг сохранённых. Каждая палитра записана в адресной строке, поэтому ссылка и есть кнопка «сохранить». Ниже — то, что большинство генераторов пропускает: не выглядят ли два ваших цвета одним для человека с красно-зелёной цветовой слепотой.
Как пользоваться
- Жмите пробел или кнопку «Новая палитра», пока не понравится.
- Закрепите нужные цвета и нажмите снова, чтобы перебрать остальные.
- Скопируйте отдельный hex, выгрузите набор как CSS или Tailwind либо скопируйте ссылку.
Почему этот инструмент
Полная конфиденциальность
Всё работает внутри браузера. Ваши файлы и текст никогда не отправляются на сервер.
Бесплатно и без ограничений
Без регистрации, без водяных знаков и без лимита на количество использований.
Мгновенный результат
Не нужно ничего загружать и ждать очереди — результат появляется так быстро, как позволяет ваше устройство.
Работает на любом устройстве
Любой современный браузер на телефоне, планшете или компьютере. Ничего устанавливать не нужно.
Частые вопросы
- Как выбираются цвета?
- Одно отношение оттенков — соседние, противоположные, трети — со светлотой, разложенной по ряду, и всё это строится в OKLCH. Последнее важно: в старых цветовых моделях набор с ровными числами выходит неровным для глаза — жёлтые режут, синие мутнеют. OKLCH построен вокруг того, что делает глаз, поэтому шаги выглядят такими же ровными, какими измеряются.
- Почему светлота меняется по палитре?
- Потому что палитра, где всё одинаково светлое, непригодна. На неё нельзя положить текст, на ней нельзя построить карточку, ничто не отделяется от другого. Разброс светлоты от тёмного к светлому и превращает пять приятных цветов в набор, из которого можно собрать интерфейс.
- Что делает закрепление?
- Сохраняет цвет как есть и выводит из него остальные. Закрепите фирменный цвет первым — и всё сгенерированное дальше будет с ним соотноситься, а не игнорировать его. Закрепите два и больше — сохранятся все, а пробелы заполнятся.
- Что за предупреждение про цветовую слепоту?
- Примерно один мужчина из двенадцати не различает надёжно красное и зелёное. Когда два цвета вашей палитры для него сливаются, появляется предупреждение. Для декора это не страшно. Но там, где цвет что-то значит — статус, линия на графике, «прошло или нет», — информация оказывается невидимой для многих, и лучше перегенерировать или развести цвета ещё и по светлоте.
- Как сохранить палитру?
- Скопируйте ссылку. Цвета записаны прямо в адрес, поэтому ссылка и есть палитра: без аккаунта, без хранения на сервере, и она работает, даже если у сайта плохой день. Вставьте её в любом браузере — палитра откроется.
- Можно ли использовать это коммерчески?
- Да. Цвета не охраняются авторским правом, и ничего здесь вам не лицензируется, потому что в этом нет нужды. Пользуйтесь как угодно.