Следующие два фильтра исторически относятся к фотографии: изначально фотографии были чёрно-белые или коричневатого оттенка краски сепии.

С помощью фильтров бесцветности и сепии фотографиям можно придать эффект «старины».

Бесцветность — grayscale. Допустимы числовые значения от 0 до 1 и процентные значения от 0% до 100%. При значениях 0 или 0% элемент отображается без изменений.

.effect {
  filter: grayscale(1); /* полное обесцвечивание */
  filter: grayscale(50%); /* обесцвечивание наполовину */
}

Сепия — sepia. Допустимые значения такие же, как у grayscale.

.effect {
  filter: sepia(1); /* полный эффект сепии */
  filter: sepia(25%); /* эффект сепии применяется на 25% */
}