png 이미지 아이콘 파일 수정하지 않고 css로 색깔 변경하기

img {
	filter: opacity(0.5) drop-shadow(0 0 0 #ff0000);
}

이렇게 쓰면 된다고 해서 했었는데 내가 정확히 설정한 색깔과 다른 색깔로 나온다.

그래서 이에 대한 솔루션으로 generator를 만들어둔 프로젝트가 있다

 

CSS filter generator to convert from black to target hex color

이 프로젝트에서 자기가 변경하고 싶은 색깔만 넣어주면 filter 코드를 생성해준다!

 

굿!!