웹사이트 칼라정보 알아내기_크롬 익스텐션

크롬 익스텐션(확장 프로그램) 중 웹사이트 페이지에서 원하는 칼라(Color) 정보를 알아낼 수 있는 앱이 있습니다 바로 'Color Picker'라는 확장 프로그램입니다. 소개드리겠습니다.

 Chrome 웹 스토어로 들어갑니다. 크롬 익스텐션이라고 검색해도 웹 스토어에 들어갈 수 있습니다.

 

 

왼쪽 검색칸에 "color picker"라고 검색하면 우측 편에 Rainbow Color Picker 프로그램이 나타납니다. 클릭해줍니다.

 'Chorme에 추가' 버튼을 클릭합니다.

확장프로그램을 설치할지를 물어오면 '확장 프로그램 추가'를 눌러줍니다. 1초도 안되어서 설치가 됩니다. 설치된 프로그램 확인 혹은 실행을 시키려면 크롬 상단 모자이크 아이콘을 눌러주면 크롬 익스텐션 리스트를 볼 수 있습니다.

예시로 칼라정보를 확인해보겠습니다. 웹사이트에 들어가서 color picker를 실행시킵니다. 메뉴가 뜨는데요. 하단에 보이는 'Pick color from web page'를 눌러줍니다.

그러면 커서가 있는 곳의 칼라 정보가 오른쪽 하단에 나타납니다. 예를 든 카카오 뱅크 웹사이트 바탕색의 칼라 정보는 헥스 색상 코드 #fdde23 , rgb 253,222,35 로 나왔습니다.

하나 더 예를 들명, 다음 로고 m의 색상 정보도 확인해 보았습니다.

이상 크롬 확장 프로그램으로 웹사이트 색상 정보 알아내는 방법 소개였습니다.