Сделать картинку черной css

Чтобы сделать картинку черной в CSS, можно использовать свойство filter с значением grayscale(100%), которое превратит все цвета в оттенки серого.

img {
  filter: grayscale(100%); /* делает картинку черно-белой */
}

Однако, этот код превратит картинку сначала в черно-белую, а потом в черную (то есть, все оттенки серого станут черными), при этом сохраняя контраст и яркость.

Если вы хотите, чтобы картинка стала полностью черной, без сохранения контраста и яркости, то вы можете использовать свойство brightness с заданным значением 0:

img {
  filter: brightness(0); /* делает картинку полностью черной */
}

Заметьте, что это свойство сделает все пиксели картинки черными, в любых условиях.