Создайте палитру цветов для вашего сайта и увидьте её вживую
Выберите один цвет - получите 4 самостоятельные палитры на его основе: цвет может стать акцентом, фоном или даже текстом. Готовые сочетания по правилам теории цвета, экспорт в Tailwind, Figma и CSS-переменные одной кнопкой. Меняйте цвета, тёмную тему и SVG‑фон в реальном времени. Все настройки сохраняются в ссылке, которой можно поделиться.
Ваша палитра уже здесь - на макетах в духе реальных продуктов
Ниже - макеты, вдохновлённые популярными продуктами, уже перекрашенные вашей текущей палитрой.
Кликните по любому превью, чтобы изучить его
Или ищете не продукт, а стиль?
Три самостоятельных дизайн-стиля - тоже уже в вашей палитре, не привязаны к конкретному продукту.
Фоновые паттерны в реальном времени
Выберите SVG-паттерн и сразу увидьте его на всём сайте в светлой и тёмной теме.
Не тратьте часы на варианты
Не нужно вручную перебирать десятки сочетаний в Figma - решение видно сразу, на живом макете.
Это просто
Палитра из пяти квадратиков и палитра на реальном интерфейсе - разные вещи. Мы показываем сразу второе.
Это быстро
Пара кликов - и у вас готовая цветовая система с кодами, готовая к экспорту в проект.
Один цвет - четыре готовые палитры
Один и тот же выбранный цвет может стать акцентом на нейтральной базе, насыщенным фоном или даже цветом текста - сервис сразу собирает 4 самостоятельных сочетания, а не оттенки одной идеи. Компаньона можно подобрать по классической цветовой гармонии: аналоговой, комплементарной, триадной и другим.
Как устроен цветовой движокКликаете по основному цвету в панели внизу
Получаете 4 палитры - цвет то акцент, то фон, то текст
Донастраиваете роль вручную - правка запоминается
Всё, что нужно для цвета в интерфейсе
Каждый инструмент работает отдельно и внутри общего цветового движка
Конвертер hex, rgb, hsl, oklch
Вставьте код в любом формате - остальные посчитаются сами
Открыть конвертерПроверка контраста WCAG
Сразу видно, какие пары не проходят AA и AAA
Проверить контрастГотовые цветовые гармонии
Аналоговая, комплементарная, сплит-комплементарная, триадная, тетрадная - классические сочетания из теории цвета
Как это работаетЭкспорт в Tailwind и Figma
Готовые токены, а не просто список hex-кодов
Открыть экспортСоздайте палитру для landing page за 30 секунд
Без регистрации, без ограничений на генерации
Сделано инди-мэйкером
Привет, я Сергей. Я создал PaletteDesk, чтобы дизайнеры и разработчики могли создавать настоящие, удобные в работе цветовые системы, а не просто красивые палитры. Если PaletteDesk оказался вам полезен, вы можете открыть полный доступ или просто поддержать проект чашкой кофе. В любом случае, спасибо, что попробовали!
Что нового