Колористика
Собери палитру, достань цвета или градиент из изображения и проверь их доступность. Все инструменты работают прямо в браузере — изображения никуда не загружаются.
[ скоро: подбор шрифтов · генератор мокапов · другие инструменты ]
Палитра и градиент
Загрузи фотографию один раз. Инструмент найдёт пять цветов и сразу соберёт из них градиент. Передвигай маркеры — обновится всё.
Симулятор дальтонизма
Посмотри, насколько различимы цвета при протанопии, дейтеранопии и тританопии. Меняй HEX — результат обновится сразу.
Симуляция использует цветовые матрицы Machado. Это предварительная проверка различимости: для текста дополнительно проверь коэффициент контрастности ниже.
Проверка контрастности
Вставь два HEX-цвета. Мы покажем их в работе, посчитаем коэффициент по WCAG и предложим ближайшие доступные оттенки.
Так будет выглядеть обычный текст, подпись или важная часть интерфейса.
Коэффициент тот же, но восприятие большой цветовой массы может отличаться.
Как улучшить сочетание
Крупный текст — от 24 px обычного начертания или примерно от 18,7 px полужирного. Подсказки нацелены на 4,5:1 — минимум AA для обычного текста.
Хочешь так же — но круче?
Цвет, композиция, типографика и дизайн интерфейсов собраны в программе по дизайну.