Just color picker 크롬 확장 프로그램(무료)으로 RGB 컬러 코드 추출하기

Just color picker 는 크롬에서 바로 웹 화면의 색상의 RGB컬러 코드를 추출해서 확인할 수 있는 툴입니다.  크롬 브라우저를 사용중이시고, 종종 RGB컬러를 확인해야한다면 꼭 이 프로그램을 써보세요. RGB컬러 코드 추출을 위해서 새 사이트를 열 필요도 없고, 어도비 프로그램을 설치할 필요도 없습니다. 아래 방법대로 하시면 원할 때 바로 바로 크롬 화면에서 원하는  RGB 컬러 코드를 추출하실 수 있게 됩니다. 

무료이고, 

가볍고, 

사용 방법도 제일 간편합니다. 

Just color picker 사용 방법  

구글 검색창에 Just color picker 를 검색해주세요. 

아래와 같이 여러 화면이 뜨는데 저는 바로 설치할 수 있는 구글 페이지를 선택했습니다. 

1. 구글에  Just color picker 검색

개발자 도구의 일종이네요. 

파란색 [Chrome 에 추가 버튼]을 눌러주세요.

 

2. 크롬 확장프로그램 설치

Just color picker 를 추가하시겠습니까? 라는 팝업이 또 하나 나옵니다. 

여기서 [확장프로그램 추가] 버튼을 눌러주세요. 

3. Just color picker 툴바 고정

그럼 크롬 툴바 오른쪽 상단에 퍼즐조각 같은 아이콘이 하나 생깁니다.  

퍼즐조각 아이콘을 누르시고 거기서 Just color picker 확장프로그램을 ’고정하기’핀을 눌러주시면 됩니다. 

그럼 아래와 같이 크롬 툴바에 Just color picker 아이콘이 고정이 됩니다. 

4. Just color picker 실제 사용하기 

크롬 툴바에 생긴 저 스포이드 아이콘을 한 번 누르시고 크롬 화면내에서 아무 곳이나 스포이드를 대시면 해당 부분의 색상 코드가 나옵니다. 

네이버의 심볼인 연두빛 컬러는 04c85c 입니다. 

같은 연두빛~초록빛 안에서도 톤마다 컬러코드가 다 다르니 여기저기 스포이드로 찍어보세요. 

가장 마음에 드는 컬러의 RGB코드를 메모장 같은데 적어두시면 블로그 꾸미기를 하실 때 사용하시기 좋습니다. 

미리캔버스 초록빛 

미리캔버스 작업 화면의 연두빛 컬러도 궁금해졌는데요, 그라데이션이 들어간 부분도 모두 컬러 코드를 잡아내줍니다.  

그라데이션 안에서도 원하는 부분이 있으시면 아주 작은 부분의 컬러도 다 코드를 알 수 있으니 추출해보세요. 

위의 방법대로 추출한 RGB 코드로 아래 그라데이션 버튼을 만들어 봤습니다. 

미리캔버스 RGB 추출 방법

미리캔버스에서도 RGB 컬러 코드를 추출할 수 있습니다. 위의 글에서 확인해보시기 바랍니다.