Вы всегда можете применить фильтр к элементу, чтобы сделать его монотонным в оттенках серого:
См. Статью Криса Койера (@chriscoyier) «Монотонное изображение пера» на CodePen.
Если вы поместите это в контейнер с цветом фона и уменьшите непрозрачность, вы можете получить цветной монотонный эффект:
См. Статью Криса Койера (@chriscoyier) «Монотонное изображение пера» на CodePen.
Маартен ван дер Вельде написал, что вместо того, чтобы снижать непрозрачность, мы можем комбинировать ее с mix-blend-modeконтрастом и уменьшать его:
См. Статью Криса Койера (@chriscoyier) «Монотонное изображение пера» на CodePen.
Амелия Беллами-Ройдс также рассказала об использовании цветовых фильтров SVG для этого, что дает потрясающий контроль:
См. Раздел Pen SVG Filters Gray -> Invert Monochrome Color от Амелии Беллами-Ройдс (@AmeliaBR) на CodePen.