이미지에서 색상 추출
픽셀을 골라 HEX, RGB, HSL 또는 CSS 색상 변수를 복사합니다.
- 무료
- 가입 불필요
- 기기에서 처리
사용 방법
기기에서 파일을 선택하거나 끌어 놓거나 붙여넣으세요.
마우스를 올려 미리 보고 클릭해 저장하세요. 키보드에서는 화살표 키로 이동(Shift는 10픽셀)하고 Enter로 저장합니다.
가입이나 결제 없이 결과를 저장하거나 색상을 복사하세요.
이럴 때 사용하세요
브랜드 색상
로고나 제품 사진에서 정확한 HEX 값을 찾아 디자인의 일관성을 유지하세요.
영감에서 얻는 팔레트
사진이나 작품의 주요 색상을 추출해 팔레트를 만드는 출발점으로 삼으세요.
디자인에서 코드로
색상을 CSS 변수나 Tailwind 설정 스니펫으로 복사해 프로젝트에 바로 붙여넣으세요.
결과와 제한
투명도를 포함한 웹 색상을 확인하세요. 확대 창으로 세부를 고르고 서로 다른 색상을 최대 10개 저장합니다. 개별 복사 또는 CSS 변수 텍스트 다운로드를 지원합니다. 색상은 브라우저가 해석한 이미지 기준이며 인쇄용 측색은 아닙니다.
입력과 출력 모두 제한이 적용됩니다. 움직이는 이미지는 지원하지 않습니다. 파일은 메모리에만 있으며 새로고침하면 사라집니다. 휴대폰에서는 적은 수씩 처리하세요.

자주 묻는 질문
이미지 속 색상의 HEX 코드는 어떻게 얻나요?
이미지를 업로드한 뒤 마우스를 올려 돋보기로 원하는 픽셀을 미리 보고, 클릭해 저장하세요. 이미지 옆에 HEX, RGB, HSL, OKLCH 값이 표시되며 값을 클릭하면 복사됩니다.
주요 색상은 어떻게 찾나요?
이미지를 축소한 사본에서 샘플을 추출하고 median-cut 알고리즘으로 비슷한 색상을 묶은 뒤, 이미지에서 차지하는 비중이 큰 순서로 정렬합니다. 투명 픽셀은 제외됩니다.
이미지 밖의 색상도 선택할 수 있나요?
Chrome, Edge 등 EyeDropper API를 지원하는 브라우저에서는 “화면에서 색상 선택”으로 화면에 보이는 모든 픽셀의 색상을 추출할 수 있습니다.
디자인 파일과 색상이 조금 다른 이유는 무엇인가요?
Display P3 같은 광색역 색상 프로필이 적용된 이미지는 웹용 sRGB로 변환됩니다. 표시되는 값은 브라우저에 보이는 색상과 일치하므로, 인쇄물이나 디자인 소프트웨어에서 원본 프로필로 본 색상과는 차이가 날 수 있습니다.
이미지가 업로드되나요?
아니요. 브라우저 안에서 처리하며 파일을 Codia에 보내지 않습니다. 새로고침하거나 페이지를 떠나면 작업이 지워집니다. 동의한 웹 분석에도 이미지와 파일명은 포함되지 않습니다.
여러 파일을 처리할 수 있나요?
JPG, PNG 또는 WebP 한 장씩. 최대 20 MiB, 1200만 화소.
화질과 메타데이터가 유지되나요?
작업과 설정에 따라 다릅니다. 손실 압축은 픽셀을 바꾸며 JPG는 투명도를 지원하지 않습니다. 출력은 일반 8비트 웹 이미지용으로 EXIF, HDR, 원본 색상 프로필이나 16비트 보존을 보장하지 않습니다.
관련 이미지 도구
온라인 이미지 압축
원래 형식을 유지하면서 JPG, PNG, WebP 파일 크기를 줄입니다.
도구 열기 →PNGPNG 이미지 압축
투명 배경을 유지하면서 PNG 스크린샷과 그래픽을 압축합니다.
도구 열기 →JPG · PNG · WEBP이미지를 100KB로 압축
품질과 크기를 자동 조절해 업로드 용량 제한에 맞춥니다.
도구 열기 →WEBP → PNGWebP를 PNG로 변환
정적 WebP를 투명도가 유지되는 PNG로 바꿉니다.
도구 열기 →PNG · WEBP → JPGPNG를 JPG로 변환
투명 영역의 배경색을 선택해 PNG를 JPG로 바꿉니다.
도구 열기 →JPG · PNG · WEBP온라인 이미지 크기 조절
비율을 유지하며 픽셀이나 백분율로 크기를 조절합니다.
도구 열기 →SVG → PNGSVG를 PNG로 변환
자체 포함 SVG를 1배, 2배, 4배 또는 지정 너비의 PNG로 내보냅니다.
도구 열기 →