Некоторые операторы смешения цветов в CSS:

• normal. 13 Значение по умолчанию, цвета элементов не смешиваются. 1
• multiply. 13 Цвет элемента умножается на цвет фона и заменяет его. 1 Полученный цвет всегда будет таким же тёмным, как и фон. 1
• screen. 13 Умножает цвет фона и цвет элемента, а затем дополняет результат. 1 Итоговый цвет элемента будет ярче, чем background-color. 1
• overlay. 13 Умножает или осветляет цвет элемента в зависимости от цвета фона. 1
• darken. 12 Цвет фона заменяется цветом элемента там, где элемент темнее, в остальных случаях цвет фона остаётся без изменений. 1
• lighten. 12 Цвет фона заменяется цветом элемента там, где элемент светлее. 1
• color-dodge. 12 При этом значении цвет фона осветляется так, чтобы отразить цвет элемента. 1
• color-burn. 12 Цвет фона затемняется так, чтобы отразить естественный цвет элемента. 1
• hard-light. 12 В зависимости от цвета элемента, это значение будет осветлять или умножать его. 1
• soft-light. 12 В зависимости от цвета элемента, это значение будет его затемнять или осветлять. 1
• difference. 12 Вычитает более тёмный цвет из более светлого. 1
• exclusion. 13 Сравнивает пиксель активного слоя и эквивалентный пиксель нижележащего слоя с учётом их яркости, делая избирательную инверсию. 3
• hue. 12 Создаёт цвет, в котором оттенок берётся от элемента, а насыщенность и яркость — от фона. 1
• saturation. 12 Создаёт цвет, в котором насыщенность берётся от элемента, а оттенок и яркость — от фона. 1
• color. 12 Создаёт цвет с оттенком и насыщенностью элемента и яркостью фона. 1
• luminosity. 12 Создаёт цвет с яркостью элемента, а оттенок и насыщенность берёт от фона. 1