Часто бывает нужно разместить текст на фоне пестрой картинки. При этом читаемость текста может сильно ухудшиться.
Для этого пригодится CSS-стиль который делает контраст цвета и добавляет тень.
Для темного фона:
.selector {
color: white;
text-shadow: 0 0 3px black;
}
Для светлого фона:
.selector {
color: black;
text-shadow: 0 0 3px white;
}
Конкретные цвета можно и иногда нужно менять под цвет фона.