При сочетании разных цветов шрифта на сайте рекомендуется:

• Использовать не более трёх цветов. 2 Большее количество может вызвать хаос на сайте. 2
• Обеспечить достаточный контраст с фоном. 25 Цвет текста должен быть темнее фона. 1 Самое безопасное сочетание — чёрный цвет шрифта на белом или светло-сером фоне. 2
• Учитывать доступность сайта. 1 Согласно рекомендациям WCAG, необходимо обеспечить минимальный коэффициент контрастности между текстом и фоном: 4,5:1 для обычного текста и 7:1 для крупного. 1
• Ориентироваться на цветовые схемы. 1 Можно использовать:
• Аналоговые сочетания. 1 Оттенки-аналоги расположены рядом и создают гармоничные союзы, например зелёный и жёлтый. 1
• Монохромные сочетания. 1 Тандемы из двух цветов разных оттенков создают ощущение спокойствия и умиротворения, и отлично воспринимаются при чтении. 1 Пример — тёмно-синий текст на голубом фоне. 1
• Комплементарные (контрастные) сочетания. 1 Этот вариант подразумевает использование тонов, расположенных на цветовом круге напротив друг друга. 1 Они создают сильный контраст и привлекают внимание. 1 Пример — синий цвет текста на сайте с оранжевым фоном. 1
• Триадические сочетания. 1 Использование трёх цветов, расположенных на равном расстоянии друг от друга на цветовом круге, помогает найти баланс между яркостью и гармонией. 1 Например, синий, жёлтый и белый оттенки в цветовой схеме веб-ресурса будут смотреться органично при условии, если отдельные буквы не будут слишком мелкими. 1

Для подбора цветов можно использовать онлайн-сервисы и приложения, например, Adobe Color или Gradients.app. 53