HEX
#2563EB처럼 표시하며 웹 디자인과 CSS에서 간결하게 쓰기 좋습니다.
색상을 직접 선택하거나 이미지를 올리고 원하는 부분을 누르면 정확한 색상 코드를 알려드립니다.
색상 영역을 누른 뒤 원하는 색을 고르세요.
이미지를 첨부한 뒤 색을 알고 싶은 지점을 눌러 주세요.
색상을 누르면 위 결과에 적용됩니다.
이미지 색상 추출기는 사진, 로고, 스크린샷, 디자인 시안에서 원하는 색을 찾아 HEX·RGB·HSL 코드로 바꿔 줍니다. 별도의 프로그램을 설치하지 않고 이미지의 한 지점을 스포이드처럼 누르거나, 자동으로 만든 대표 색상 팔레트에서 색을 선택할 수 있습니다.
#2563EB처럼 표시하며 웹 디자인과 CSS에서 간결하게 쓰기 좋습니다.
빨강·초록·파랑의 밝기를 숫자로 표현하며 화면의 색상 구조를 직접 보여 줍니다.
색상·채도·밝기로 표현해 같은 계열의 색을 더 밝거나 어둡게 조절할 때 편리합니다.
아니요. 이미지 분석은 현재 브라우저 안에서만 처리되며 선택한 파일은 콩디코딩 서버로 전송되거나 저장되지 않습니다.
네. 휴대전화에서 사진을 선택한 뒤 이미지의 원하는 지점을 누르면 HEX, RGB, HSL 색상 코드를 확인할 수 있습니다.
직접 선택한 색은 누른 한 지점의 픽셀 색상이고, 대표 색상은 이미지 전체를 간격별로 분석해 자주 나타나는 색을 묶은 팔레트입니다.
GIF 파일을 불러올 수 있지만 움직이는 애니메이션 전체가 아니라 처음 표시되는 프레임을 기준으로 색상을 추출합니다.
이 도구와 안내 내용은 8년 경력 개발자가 운영하는 콩디코딩에서 직접 점검합니다. 최종 업데이트: 2026년 9월 30일