Контрастные цвета
Используйте контрастные сочетания цветов. Такой текст легче читается, а глаза меньше устают. Контрастность можно проверить и отрегулировать с помощью разных сервисов, например, Colour Contrast Checker.
Разная яркость
Показывает уровень отличия цвета от базовых белого и черного, например, светло-зелёный имеет более высокую яркость, чем тёмно-зелёный. Если для текста использовать цвет той же яркости, что и у фона, это помешает чтению и восприятию информации.
Использование градиентов
При создании градиентом следите, чтобы пересечение цветов было плавным и не возникал грязный цвет. Чтобы этого избежать, используйте цвета, находящиеся недалеко друг от друга на цветовом круге. Например, фиолетовый и синий или разные оттенки синего. Или подберите готовый градиент из библиотеки Tilda Colors.
Насыщенность оттенков
При низкой насыщенности оттенок приближается к серому и выглядит тускло, при высокой — смотрится сочно и ярко. Выбирайте для фона менее насыщенные оттенки, чем для текста. Например, благодаря этому даже фиолетовые буквы на жёлтом фоне перестанут рябить в глазах.
Количество цветов
Чтобы не рассеивать внимание пользователя, используйте не более трёх цветов на странице. Например, один-два цвета в качестве основного и ещё одним выделяйте акценты. Так посетитель сайта не пропустит важную информацию, выделенную контрастным цветом.
Используйте контрастные сочетания цветов. Такой текст легче читается, а глаза меньше устают. Контрастность можно проверить и отрегулировать с помощью разных сервисов, например, Colour Contrast Checker.
Разная яркость
Показывает уровень отличия цвета от базовых белого и черного, например, светло-зелёный имеет более высокую яркость, чем тёмно-зелёный. Если для текста использовать цвет той же яркости, что и у фона, это помешает чтению и восприятию информации.
Использование градиентов
При создании градиентом следите, чтобы пересечение цветов было плавным и не возникал грязный цвет. Чтобы этого избежать, используйте цвета, находящиеся недалеко друг от друга на цветовом круге. Например, фиолетовый и синий или разные оттенки синего. Или подберите готовый градиент из библиотеки Tilda Colors.
Насыщенность оттенков
При низкой насыщенности оттенок приближается к серому и выглядит тускло, при высокой — смотрится сочно и ярко. Выбирайте для фона менее насыщенные оттенки, чем для текста. Например, благодаря этому даже фиолетовые буквы на жёлтом фоне перестанут рябить в глазах.
Количество цветов
Чтобы не рассеивать внимание пользователя, используйте не более трёх цветов на странице. Например, один-два цвета в качестве основного и ещё одним выделяйте акценты. Так посетитель сайта не пропустит важную информацию, выделенную контрастным цветом.
