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

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

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

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

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

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

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали