이미지 색 추출 · 사진 색상 코드 찾기

이미지를 올리고 원하는 곳을 누르면 그 자리의 색상 코드를 알려 줘요.

입력한 글과 파일은 서버로 보내지 않고 이 브라우저 안에서만 처리해요.

파일을 끌어다 놓거나 눌러서 고르세요
이미지를 누르면 그 자리 색을 골라요
가리킨 곳
-
고른 색
HEX
RGB
HSL
대표색 8가지
고른 색 기록

색 칸을 누르면 HEX 코드가 복사돼요.

사용 방법

  1. 이미지를 끌어다 놓거나 눌러서 고르세요. 처음에는 예시 그림이 들어 있어요.
  2. PC 에서는 마우스를 올리면 돋보기에 픽셀이 크게 보여요. 가운데 칸이 고를 색이에요.
  3. 원하는 곳을 누르면 「고른 색」에 HEX·RGB·HSL 코드가 나오고 아래 기록에 쌓여요.
  4. 「대표색 8가지」는 이미지에서 많이 쓰인 색을 묶어 뽑은 팔레트예요. 숫자는 그 색이 차지하는 비율이에요.

자주 묻는 질문

이미지가 서버에 올라가나요?

아니요. 이미지는 브라우저 안에서만 열고 계산해요. 어디에도 보내거나 저장하지 않아요.

고른 색이 디자인 프로그램과 조금 달라요.

사진에 든 색 프로필(Display P3 등)을 브라우저가 화면용 sRGB 로 바꿔 그려서 1~2 정도 차이가 날 수 있어요. 아주 큰 이미지는 긴 쪽 2400px 로 줄여서 읽어요.

대표색은 어떻게 뽑나요?

비슷한 색끼리 상자로 나누는 중앙값 자르기(median cut)로 8묶음을 만든 뒤, 평균색을 몇 번 다시 맞춰 다듬어요. 투명한 부분은 빼고 계산해요.

함께 쓰면 좋은 도구

전체 도구