Lighten и darken — режимы наложения в CSS, которые отвечают за осветление и затемнение цветов. 13

Lighten — режим замены светлым. 3 Тёмные пиксели верхнего слоя заменяются на светлые пиксели нижележащих слоёв, при этом светлые пиксели не заменяются. 3

Darken — режим затемнения. 3 Если пиксели верхнего слоя темнее, чем на нижележащих слоях, они сохраняются в изображении. 3 Если пиксели в верхнем слое светлее, они заменяются на более тёмные пиксели нижнего слоя, поэтому в основном сохраняются тёмные тона всех слоёв. 3

При использовании lighten и darken в результате сравнения часто создаются новые цветовые значения. 1