【간단】웹 사이트의 색상을 조사하는 확장기능 ′Color Pick Eyedropper′의 사용법을 소개!

WEB 사이트의 색깔을 알아보는 방법은?
WEB 사이트를 보면서, 「이 사이트에서 사용되고 있는 색이 궁금하다」라고 한 케이스는 없습니까?디자이너와 디자인을 공부하고 있는 사람이라면 자주 신경이 쓰이는 것이 아닐까요.
사이트의 색상을 조사하기 위해서는 스포이드 툴을 사용하여 컬러 코드를 추출하거나 구글 크롬의 디벨로퍼 툴로 CSS를 보는 것으로 알아볼 수 있지만, 이러한 방법들은 굉장히 번거롭습니다.

Google Chrome에서 바로 사이트의 색상을 알아볼 수 있는 Addon ′Color Pick Eyedropper′를 통해서 간단하게 확인해 볼까요?본 기사에서는 ColorPick Eyedropper 설치 방법, 사용법을 소개해드리겠습니다.
ColorPick Eyedropper 설치
이제 ColorPick Eyedropper를 도입해 보겠습니다.아래 링크를 통한 Chrome 웹 스토어에 접속 후 화면 우측 상단의 파란색 ′Chrome에 추가′ 버튼을 클릭합니다.
Color Pick Eyedropper - Chrome 웹스토어
주소창에 ′Color Pick Eyedropper′를 추가하시겠습니까?라고 창이 표시되므로, 「확장기능 추가」를 클릭합니다.곧바로 인스톨을 합니다.
인스톨이 완료하면, 주소바의 우측에 확장 기능 아이콘이 표시됩니다.
ColorPick Eyedropper 사용법
Color Pick Eyedropper를 어떻게 사용할 수 있는지 설명해 드릴게요.우선 색깔을 알아보고 싶은 홈페이지를 열어보세요.
홈페이지를 연 상태에서 ColorPick Eyedropper 확장기능 아이콘을 클릭합니다.이제 준비됐어요.
마우스 커서에 컬러 코드를 조사하는 루페가 표시되게 되므로, 보고 싶은 색이 표시되어 있는 곳까지 마우스 커서를 가져갑시다.확대경 아래에 컬러 코드가 표시됩니다.
그대로 사이트 상에서 클릭을 하면 컬러 코드를 복사할 수 있습니다.
ColorPick Eyedropper를 종료하기 위해서는 확장기능 아이콘을 클릭하고 컬러코드 왼쪽에 있는 X버튼을 클릭하십시오.
정리
【간단】WEB 사이트의 색상을 조사하는 확장기능 ′Color Pick Eyedropper′의 사용법을 소개! 어떠셨습니까?

사람에 따라서는, WEB 사이트에서 사용되고 있는 색이 신경이 쓰이는·조사하고 싶다고 하는 분도 있을거라 생각합니다.그래서 Google Chrome의 확장기능 ′Color Pick Eyedropper′를 사용함으로써 손쉽게 컬러코드를 알 수 있습니다.꼭 시험해 보세요.