티스토리 뷰

HTML , CSS

이미지 색 추출 사이트

UDUD 2019. 10. 1. 10:11
반응형

이미지 색 추출 사이트 사용 계기

  • 지난 포스팅에서 말했던 것처럼 원하는 색을 찾기 위해 HTML 칼라 코드 사이트를 이용하고 있었다.
  • 근데 저 사이트만 이용하다 보니, 원래 구축된 사이트에 맞게 색을 표현하는데 어려움을 느꼈다
  • 물론 F12 개발자 도구를 켜서 확인할 수도 있었지만, CSS로 색이 입혀지지 않고 이미지 링크로 코드가 구성되어 있는 경우는 색을 찾기 어려웠다.

사이트 주소

Img 색 추출 사이트 바로가기

이용방법

  1. Choose File 에서 파일 선택 버튼을 선택하고 색을 추출하고 싶은 이미지를 업로드 해준다.

이미지 업로드 하는 곳

  1. 이미지를 업로드하고, Get Palette 버튼을 클릭해서 색을 추출한다.

  2. Uploaded Image에서는 내가 올린 이미지를 확인할 수 있고,
    Lignt, Medium, Dark, Complete 팔레트에서 각각 추출한 색을 확인할 수 있다.

    코드 컬러 확인

  3. 추출하고 싶은 색에 마우스를 올려 놓거나 클릭하면 왼쪽의 Current, Selected color에서 해당 색상코드를 알려준다!

반응형

'HTML , CSS' 카테고리의 다른 글

HTML 유사 색상, 컬러 코드 사이트  (0) 2019.12.17
HTML 컬러 코드 사이트  (0) 2019.09.19
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함