Вопрос или проблема
Я использую онлайн-программное обеспечение для выставления счетов, которое позволяет мне кодировать проекты по цветам, и другое, которое предоставляет мне таблицу активности (которую я открываю в Google Sheets). Для удобства чтения я хотел бы иметь возможность назначать один и тот же цвет проекту в каждой настройке. Но в одном случае это цвет фона (черный текст на белом), а в другом – цвет текста.
Некоторые яркие и драгоценные цвета работают (не идеально, но приемлемо) для обоих случаев, но мне надоело испытывать и ошибаться, чтобы их найти. Цвета в основе своей – это математика, верно? Может кто-то указать мне на список или, может быть, параметры HTML-цветов, которые подойдут для обоих контекстов?
.
Ответ или решение
Определение цветовой палитры, которая будет одинаково хорошо смотреться как на черном тексте на белом фоне, так и на цветном фоне – задача, которая требует учета специфики контраста и восприятия цветов. Основой для выбора таких цветов являются принципы доступности и контрастности, которые могут служить ориентиром при формировании цветовой схемы.
Основы восприятия цвета
Прежде всего, при выборе цвета важно учитывать такие параметры, как цветовой контраст и доступность. Для обеспечения легкочитаемости текста на цветном фоне или на белом фоне черного текста используйте следующие рекомендации:
-
Контрастность — следует придерживаться минимального значения контрастности 4.5:1 между текстом и фоном. Это помогает людям с нарушениями зрения и обеспечивает правильное восприятие информации.
-
Темные и светлые тона — использование темных цветов для текста на светлом фоне (например, черный текст на белом фоне) позволяет достичь необходимого контраста.
Рекомендуемые цвета
Для текстов и фонов, которые будут хорошо читаться в обеих средах, можно рекомендовать использовать определенные цветовые коды, которые обеспечивают достаточный контраст. Вот несколько примеров:
- Синий (#007BFF): Этот цвет выглядит ярко как текст, так и на фоне.
- Красный (#FF4136): Яркий красный цвет хорошо читается на белом с черным текстом.
- Зеленый (#28A745): Яркий зеленый тон будет хорошо восприниматься в обоих контекстах.
- Фиолетовый (#6F42C1): Другой вариант, который может быть использован как текст и фон.
Подбор цветов через инструменты
Для более точного выбора можно воспользоваться онлайн-инструментами для проверки контрастности, такими как:
- WebAIM Contrast Checker: Удобный инструмент для выставления параметров контрастности между выбранными цветами.
- Color Hex: Позволяет визуально подбирать цвет и получать его оттенки.
Заключение
Каждый цвет несет определённую эмоциональную нагрузку и должен быть подобран согласно контексту использования. При использовании перечисленных выше цветов и принципов контраста вы сможете избежать частых ошибок и быстрее находить подходящие комбинации для своего программного обеспечения и таблиц Google. Уделяя внимание данным критериям, вы обеспечите удобочитаемость и эстетическую привлекательность ваших проектов.
В заключение, предлагаю помнить: выбирая цвета для текста и фона в ваших проектах, важно всегда тестировать контрастность, чтобы гарантировать доступность и удобочитаемость для всех пользователей.