COLOR PICKER

이미지 색상 코드 추출기

색상을 직접 선택하거나 이미지를 올리고 원하는 부분을 누르면 정확한 색상 코드를 알려드립니다.

01

색상을 직접 선택하세요

색상 영역을 누른 뒤 원하는 색을 고르세요.

02

이미지에서 색상을 찾으세요

이미지를 첨부한 뒤 색을 알고 싶은 지점을 눌러 주세요.

IMAGE COLOR GUIDE

사진에서 색상 코드를 추출하는 무료 도구

이미지 색상 추출기는 사진, 로고, 스크린샷, 디자인 시안에서 원하는 색을 찾아 HEX·RGB·HSL 코드로 바꿔 줍니다. 별도의 프로그램을 설치하지 않고 이미지의 한 지점을 스포이드처럼 누르거나, 자동으로 만든 대표 색상 팔레트에서 색을 선택할 수 있습니다.

이미지 색상 코드 추출 방법

  1. PNG, JPG, WebP 또는 GIF 이미지를 선택합니다.
  2. 미리보기에서 색을 알고 싶은 지점을 누릅니다.
  3. 표시된 HEX, RGB, HSL 코드나 대표 색상 카드를 누르면 코드가 복사됩니다.
  4. 필요하면 선택한 색을 색상 조합 만들기로 넘겨 어울리는 팔레트를 확인합니다.

이럴 때 유용합니다

  • 사진이나 로고의 브랜드 색상 찾기
  • 웹사이트 CSS에 사용할 HEX 코드 확인
  • 블로그 썸네일과 배너의 대표 색상 추출
  • PPT·문서·디자인 시안의 색상 맞추기

HEX, RGB, HSL 색상 코드 차이

HEX

#2563EB처럼 표시하며 웹 디자인과 CSS에서 간결하게 쓰기 좋습니다.

RGB

빨강·초록·파랑의 밝기를 숫자로 표현하며 화면의 색상 구조를 직접 보여 줍니다.

HSL

색상·채도·밝기로 표현해 같은 계열의 색을 더 밝거나 어둡게 조절할 때 편리합니다.

자주 묻는 질문

업로드한 이미지가 서버에 저장되나요?

아니요. 이미지 분석은 현재 브라우저 안에서만 처리되며 선택한 파일은 콩디코딩 서버로 전송되거나 저장되지 않습니다.

모바일에서도 사진의 색상 코드를 추출할 수 있나요?

네. 휴대전화에서 사진을 선택한 뒤 이미지의 원하는 지점을 누르면 HEX, RGB, HSL 색상 코드를 확인할 수 있습니다.

대표 색상과 직접 선택한 색은 무엇이 다른가요?

직접 선택한 색은 누른 한 지점의 픽셀 색상이고, 대표 색상은 이미지 전체를 간격별로 분석해 자주 나타나는 색을 묶은 팔레트입니다.

GIF 이미지도 색상 추출이 가능한가요?

GIF 파일을 불러올 수 있지만 움직이는 애니메이션 전체가 아니라 처음 표시되는 프레임을 기준으로 색상을 추출합니다.

이 도구와 안내 내용은 8년 경력 개발자가 운영하는 콩디코딩에서 직접 점검합니다. 최종 업데이트: 2026년 9월 30일

제목, 카테고리, 태그 또는 궁금한 내용을 검색하세요.