css 만으로 PNG 이미지 색상 바꾸기

https://codepen.io/sosuke/pen/Pjoqqp

CSS filter generator to convert from black to target hex color

 

누군가 만들어둔 위 프로젝트에 들어가서 원하는 색상을 입력하면 filter 값을 만들어준다!

해당 값을 복사해서 원하는 CSS에 아래처럼 넣어주면 끝! 

 

.button:hover .arrow {
  filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg)
    brightness(103%) contrast(108%);
}