Профессиональные дизайн-инструменты
Всё необходимое для согласованных и доступных интерфейсов — цветовые системы, градиенты, проверка контрастности, QR-коды, фавиконы и многое другое. Бесплатно прямо в браузере, а для скачиваний есть бесплатный тариф.
Создавайте доступные UI-палитры с превью на десктопе и мобильных в реальном времени. Экспорт в CSS-переменные или JSON-токены.
Извлекайте цвета, шрифты, логотипы и отступы с любого сайта и мгновенно собирайте полный стайл-гайд.
Мгновенно конвертируйте между HEX, RGB, HSL, OKLCH, HSV и CMYK с живым превью.
Проверяйте коэффициенты контрастности «текст–фон» на соответствие WCAG 2.1 AA и AAA.
Создавайте linear, radial и conic CSS-градиенты с живым превью и копированием в один клик.
Загрузите изображение и автоматически получите доминирующую палитру. Экспорт в HEX, CSS-переменные или JSON-токены.
Создавайте брендированные QR-коды с настраиваемыми цветами, градиентами, стилями точек, логотипом и SVG-экспортом. Любой код можно сделать отслеживаемым: считать сканирования и менять цель уже после печати.
Создавайте полные наборы фавиконов в ICO, PNG и SVG из текста, эмодзи, фигур или изображения.
Извлекайте и скачивайте все изображения с любой веб-страницы, включая фоны, srcset и ленивые. Любое можно отредактировать прямо в браузере и выгрузить в PNG, JPG или WebP.
Начните с Цветовой лаборатории
Наш флагманский инструмент — соберите полноценную UI-цветовую систему и сразу увидите её в живых интерфейсных компонентах.
Открыть лабораториюЧто работает в браузере, а чему нужен сервер
Конвертер цветов, проверка контрастности, генератор градиентов, дизайнер фавиконов и извлечение палитры делают всю работу прямо в браузере — ваше изображение никуда не уходит, и после загрузки страницы им не нужна сеть. Двум инструментам так нельзя: извлечение стайл-гайда и загрузчик изображений вынуждены забирать чужую страницу через сервер, потому что браузеру запрещено читать сайт с другого домена напрямую.
Какой инструмент под какую задачу
Если отправная точка — один фирменный цвет, берите конвертер для форматов и проверку контрастности, чтобы понять, какой текст на нём выживет. Если изображение — извлечение палитры достанет доминирующие цвета. Если понравившийся сайт — извлечение стайл-гайда за один проход отдаст его цвета, шрифты, логотипы и стили кнопок. Генератор QR и дизайнер фавиконов стоят особняком: они делают файлы, которые вы выкладываете, а не значения, которые копируете.
Частые вопросы
Какие инструменты бесплатны без аккаунта?
Конвертер цветов, проверка контрастности и генератор градиентов — полностью: без входа, без кредитов, без счётчиков. Открыть и поработать можно в любом инструменте; аккаунт нужен только там, где более тяжёлый инструмент отдаёт файл на скачивание.
Сколько стоит скачивание?
Извлечение стайл-гайда — 50 кредитов, скачивание QR — 10 за PNG и 15 за SVG, извлечение изображений — 5, палитра и фавикон — по 3. На бесплатном тарифе начисляется 50 кредитов в месяц и карта не нужна, так что лёгкие инструменты фактически без счётчика, а тяжёлый — примерно раз в месяц.
Мои изображения куда-то загружаются?
Для извлечения палитры и дизайнера фавиконов — нет: оба читают файл браузерными средствами и обрабатывают его локально на canvas. Извлечение стайл-гайда и загрузчик изображений работают не с вашим файлом, а с адресом, и забирают ту страницу на сервере; ничего из этих запусков не хранится дольше самого запроса.
Можно ли использовать результат в коммерческой работе?
Да, всё, что инструменты создают: палитры, градиенты, фавиконы и QR-коды ваши, без водяных знаков и без указания авторства. С материалом, снятым с чужого сайта через стайл-гайд или загрузчик изображений, иначе — он остаётся под авторским правом владельца, и эти инструменты предназначены для исследования, а не для перепубликации.