본문 바로가기
HTML│CSS│Java Script

웹 사이트에 사용된 색상 코드 알아내기

by 자유코딩 2017. 9. 12.

티스토리 블로그를 하다보면 마음에 드는 색으로 html 문서를 편집 하고 싶은데 색상 코드를 모를 때가 있다.

 

홈페이지를 만들면서도 인터넷에서 "아 저 색 참 좋은데 내 홈페이지에 어떻게 적용 할 수 있을까?" 하는 생각이 들수도 있다.

 

크롬 확장 프로그램을 이용해서 웹 사이트에 사용된 색상 코드를 알아내는 방법을 소개한다.

 

1. 먼저 크롬을 실행한다.

 

 

 

2. 크롬에서 웹 스토어 설치 페이지 에 들어가서 ColorPick Eyedropper 확장 프로그램을 설치한다.

 

CHROME에 추가 버튼을 누르면 된다.

 

 

 

 

 

3. 추가된 확장 프로그램을 실행한다.

 

 

 

4. 실행 화면

 

 

 

5. 마우스 커서가 바뀌고 색상의 코드를 알 수 있다.

 

 

 

 

 

댓글