Симулятор цветов экстерьера и интерьера + проверка контрастности

Загрузите фотографию, чтобы сразу сравнить перекраску экстерьера, интерьера, вывесок и макетов в стиле интерфейса.

Встроенные проверки 4.5:1 для обычного текста, 3:1 для крупного текста и 3:1 для элементов интерфейса помогают улучшить предложение.

Фотографии остаются в браузере Наложение вывесок, текста и макетов интерфейса Мгновенная проверка 4.5:1 / 3:1

Как использовать

  1. Загрузите фотографию фасада или интерьера.
  2. Выберите сцену и настройте основной и акцентный цвета.
  3. Введите заголовок, основной текст и текст кнопки, чтобы проверить вывески и макеты интерфейса.
  4. Проверьте контрастность, а затем используйте экспорт в PNG/JPEG или отправьте URL-ссылку в вашем предложении.

Где это помогает

Сравнение фасада и крыши

Накладывайте цвета на фотографии объекта, чтобы быстро сравнивать варианты фасада, крыши и отделки.

Предложения для интерьера

Показывайте переговорные, зоны приема и лаунж-пространства с исследованием цвета на основе фотографии.

Вывески и навигационные панели

Проверьте, как цвет текста и цвет фона работают вместе, прежде чем проводить презентацию.

UI-style pобзорs

Превращайте карточки предложений и кнопки в аккуратные макеты интерфейса, которые удобнее анализировать.

Стандарты контрастности

Обычный текст 4.5:1

Используйте это как базовый уровень для основного текста и другого мелкого текста.

Крупный текст 3:1

Используйте 3:1 для заголовков и более крупного текста, чтобы подтвердить читаемую контрастность.

Элементы интерфейса 3:1

Используйте соотношение 3:1 для кнопок, границ и иконок, чтобы сделать различия очевидными.

Notes

  • Фотографии и введенный текст используются только на этом устройстве.
  • Реальные цвета краски меняются в зависимости от освещения, основания и материалов, поэтому перед окончательным решением всегда подтверждайте их на физических образцах.
  • Проверка контрастности следует формуле WCAG и предназначена как ориентир на этапе предложения. Если существуют юридические или внутренние стандарты, сначала следуйте им.

Часто задаваемые вопросы

Отправляются ли фотографии на сервер?

Нет. Загруженные фотографии полностью обрабатываются в браузере.

Включают ли URL для общего доступа фотографии или введенный текст?

Нет. URL для общего доступа включает только сцену, цвета и настройки отображения.

Можно ли использовать инструмент и для экстерьера, и для интерьера?

Да. Переключайте сцены для оценки фасадов, интерьеров, вывесок и макетов интерфейса.

Заменяет ли проверка контрастности аудит доступности?

Нет. Это ориентир для этапа подготовки предложения. Отдельно проводите формальные проверки и следуйте собственным стандартам.