HTML 색상 코드를 프로그램 없이도 알 수 있는 방법 – 온라인 이미지 컬러 피커 이용하기
컴퓨터 모니터 화면에 나타난 어떤 색상에 대해 #으로 시작하는 색상코드를 알고 싶은데 프로그램이 없다면?
굳이 포터블용을 다운받아 설치하거나
굳이 포토샾을 켜서 확인할 필요 없이
단순히 해당 이미지를 스크린샷으로 저장해서 이미지 컬러 피크 라는 곳에 업로드하면
원하는 부분을 마우스로 선택할 때마다 해당 색상 코드를 알려준다.
아래의 예시는 단색만 뽑았는데 복잡한 그림 같은게 있는 것도 상관없다. 어차피 업로드 한 후에 마우스 커서로 원하는 부분을 선택하면 되니까…
예를 들어 아래의 스크린샷 화면이 있다고 하고…
위 사이트에 들어가서,
위에 보이는 ‘upload your image’ 를 선택하면
내가 직접 이미지 사진을 올릴 수 있는데 올리고 나면 위와 같은 화면이 나온다.
이 상태에서 마우스로 html 색상코드를 알고 싶은 부분을 선택하면 위와 같이 html code 에 샾을 포함한 코드가 나온다.
p.s. 복잡한 스크린샷의 경우
위와 같이 복잡한 화면에서도 가능하다.
포토샾으로도 알 수 있기는 하지만 구동 시간이 조금 오래 걸린다.
또 컬러 피커라는 포터블 유틸을 다운받아 실행해도 되는데 비슷한 프로그램들이 많이 있다. 잘못했다가는 랜섬웨어 같은 것에 감염될 수도 있고 해서 나는 위와 같은 사이트를 즐겨찾기에 걸어두고 사용 중이다.
복잡한 작업은 포토샾을 하면서 해도 되지만 간단하게 알아볼 때는 이런 사이트보다 편한게 없는 것 같다.