Генератор практических инструментов
Генератор цветовой палитры
Создайте гармоничную и доступную палитру из базового цвета, фотографии или случайной идеи.
HEX · RGB · HSL · OKLCH · WCAG
Студия цветовых палитр
Создайте гармоничную и доступную палитру из базового цвета, фотографии или случайной идеи.
Ваша палитра
Нажмите код, чтобы скопировать. Перед новой генерацией цвета можно закрепить или переставить.
Перетаскивайте карточки или используйте стрелки для изменения порядка.
Предпросмотр интерфейса
Более ясная визуальная система
Проверьте палитру на реалистичной карточке с навигацией, текстом и кнопкой.
Доступность и контраст
Таблица контраста
Предпросмотр цветового зрения
Приблизительная имитация; проверяйте с реальными пользователями и не полагайтесь только на цвет.
Генератор градиентов
Экспорт палитры
Выберите цветовую гармонию
Монохромная палитра меняет один оттенок. Аналоговые цвета расположены рядом, а комплементарные, триадные и тетрадные режимы используют большие интервалы.
Проверьте доступность
Результаты WCAG дополнены текстовыми метками. Для AA обычному тексту требуется 4,5:1, крупному — 3:1.
Выберите подходящий формат
HEX и RGB широко поддерживаются, HSL удобно настраивать, а OKLCH обеспечивает более равномерно воспринимаемые светлоту и насыщенность.
Вопросы о генераторе палитр
Что такое цветовая гармония?
Это повторяемое соотношение оттенков, например аналоговое, комплементарное или триадное.
Как сделать палитру доступной?
Проверьте контраст текста и фона, не полагайтесь только на цвет и тестируйте интерактивные состояния.
Изображение отправляется на сервер?
Нет. Цвета извлекаются локально в браузере, изображение не загружается.
Какой формат экспорта выбрать?
CSS для сайтов, SCSS для таблиц стилей, JSON для приложений и PNG как визуальный образец.
Каталог инструментов для питомцев и цифровых задач
Нужен другой инструмент для питомца или цифровой работы?
Откройте инструменты для расчёта возраста и питания кошек и собак, дозировки лекарств, цветовых палитр, хранения данных, плотности пикселей и перевода RGB в HEX.