Colors

by mgoetzke

HTML

<div >
    <img class="green"...

CSS

.green {
  -webkit-filter: invert(50%) sepia(1) brightness(100%) saturate(500%) hue-rotate(409deg);
}

.blue {
  -webkit-filter: invert(50%) sepia(1) brightness(71%) saturate(500%) hue-rotate(225deg);
}

.red {
  -webkit-filter: invert(50%) sepia(1) brightness(71%) saturate(500%) hue-rotate(358deg);
}

.yellow {
  -webkit-filter: invert(50%) sepia(1) brightness(174%) saturate(500%) hue-rotate(371deg);
}