Руководства
Всё необходимое, чтобы использовать дизайн-инструменты UIXcolors для создания доступных, готовых к продакшену дизайн-систем.
С чего начать
Краткие руководства, которые помогут начать работу с нашими инструментами
Цветовая лаборатория
Создавайте доступные цветовые палитры с предпросмотром для десктопа и мобильных в реальном времени
Извлечение стайл-гайда сайта
Извлекайте полные дизайн-системы по URL любого сайта
Конвертер цветов
Конвертируйте цвета между HEX, RGB, HSL, OKLCH, CMYK и Pantone
Отслеживаемые QR-коды
Меняйте цель напечатанного кода и считайте сканирования, устройства и источники
Полный набор фавиконов
Все размеры, настоящий многоразмерный .ico и заполненный манифест
Загрузка изображений со страницы
Соберите все ресурсы страницы с настоящими размерами и весом
Извлечение палитры из изображения
Сведите любую картинку к цветам, которые стоит оставить
Ключевые понятия
Разберитесь в основах
Дизайн-токены и CSS-переменные
Узнайте, как экспортировать и использовать дизайн-токены в своих проектах. Включает CSS custom properties, JSON-токены и конфиг Tailwind.
Соответствие WCAG и доступность
Понимание коэффициентов контрастности, стандартов AA/AAA и того, как обеспечить соответствие Ваших палитр требованиям доступности.
Популярные руководства
С чего начать
Гайды ниже построены вокруг задач, а не вокруг функций: каждый проводит работу от начала до конца — собрать доступную палитру, снять стайл-гайд с живого сайта, выгрузить дизайн-токены в форме, которую поймёт сборка. Если вы здесь впервые, начните с гайда по Цветовой лаборатории, затем прочитайте про доступные палитры: вдвоём они закрывают почти всё, что остальные считают само собой разумеющимся.
Гайды, справочник и страницы инструментов
На сайте три вида документации, и они отвечают на разные вопросы. Эти гайды объясняют, как сделать работу. Справочник на /ru/documentation — это опора: форматы, форма экспортов, примеры интеграции и длинный FAQ. У каждого инструмента есть собственный FAQ именно про него: что он умеет, чего не умеет, сколько стоит и где его границы.
Частые вопросы
Нужен ли аккаунт, чтобы работать по гайдам?
Чтобы читать — нет, и для большинства шагов тоже. Конвертер цветов, проверка контрастности и генератор градиентов работают вообще без входа. Аккаунт (бесплатный) нужен там, где шаг заканчивается скачиванием: стайл-гайды, фавиконы, файлы QR, загрузка изображений — эти операции списывают кредиты.
Есть ли API, чтобы обойтись без интерфейса?
Нет. Все эндпоинты сайта внутренние и требуют сессии; публичного API нет, и ключ запросить негде. Всё описанное здесь делается через интерфейс в браузере.
Гайды есть на английском?
Да, каждый гайд существует в двух версиях, и переключатель языка в шапке оставляет вас на той же странице, а не выбрасывает на главную.