Фильтры в CSS решают примерно ту же задачу, что и фильтры в фотошопе или инстаграме (кому что ближе). Обычно, фильтры применяются к изображениям, но они могут быть применены к любому элементу на странице. Существует несколько основных фильтров, но можно применять и собственные SVG-фильтры, если вы достаточно уверенно себя чувствуете, работая с этой технологией...

Когда в вашем проекте множество оттенков, форматов и переменных, уследить за всеми бывает достаточно сложно. В таких случаях имеет смысл воспользоваться инструментами, облегчающими работу с цветами. Colorize – это расширение для VSCode, которое значительно упрощает визуализацию цветов в ваших CSS-файлах...