[유용한 사이트] 컬러 값 추출해주는 color spoid 사이트 / 사이트 사용법 포함

 

 

이미지 작업이나 색 작업을 할 때 필요한 color가 있는데 색상 코드를 모르겠거나, 인터넷에서 우연히 발견한 이미지/그림의 색상 코드를 알고싶은데 어떻게 알아야 할지 모르겠을 때 사용할 수 있는 유용한 사이트이다.

 

 

사이트 바로가기

👍 Color Picker online | HEX Color Picker | HTML Color Picker

 

 

사이트 사용 방법(색 추출 방법)

 

 

 

1. 사이트를 들어가면 이런 이미지가 뜬다.

 

 

 

 

2. 이미지 위치에 커서를 이리저리 옮겨보면 오른쪽에서 RGB 코드를 자동으로 잡아주는것을 볼 수 있다.

 

 

 

 

 

3. 파란색도 잘 잡는 것을 볼 수 있다.

 

 

 

 

 

4. 오른쪽 밑에 검정 버튼인 'Use Your Image'를 클릭하면 색을 따고 싶은 이미지를 업로드할 수 있다. 클릭

 

 

 

 

 

 

5. Browse or drop image 쪽을 클릭한다. 이미지는 파일 위치를 찾아서 첨부하거나 손쉽게 드래그앤 드롭으로 불러올 수 있다.

 

 

 

 

 

6. 샘플로 바나나 이미지를 가져왔다. 커서를 옮기면 특정 픽셀 단위로 색을 자동으로 잡아준다. 엄청 편함.

추가로 RGB 코드 옆에 네모가 두개 겹쳐진 아이콘을 누르면

 

 

 

 

 

 

7. 이런 알림이 뜨며 RGB 코드가 손쉽게 복사된다.

 

 

 

 

 

 

8. 커서를 옮길때마다 RGB 코드를 알수있고, 마우스로 색 위치에 대고 클릭하면 HEX 코드도 알려준다. HEX코드도 마찬가지로 우측 네모 두개 겹친 아이콘을 누르면 HEX코드를 복사할 수 있다.

 

끝