이미지 색 추출 · 사진 색상 코드 찾기
이미지를 올리고 원하는 곳을 누르면 그 자리의 색상 코드를 알려 줘요.
입력한 글과 파일은 서버로 보내지 않고 이 브라우저 안에서만 처리해요.
파일을 끌어다 놓거나 눌러서 고르세요
이미지를 누르면 그 자리 색을 골라요
가리킨 곳
-
고른 색
HEX
RGB
HSL
대표색 8가지
고른 색 기록
색 칸을 누르면 HEX 코드가 복사돼요.
사용 방법
- 이미지를 끌어다 놓거나 눌러서 고르세요. 처음에는 예시 그림이 들어 있어요.
- PC 에서는 마우스를 올리면 돋보기에 픽셀이 크게 보여요. 가운데 칸이 고를 색이에요.
- 원하는 곳을 누르면 「고른 색」에 HEX·RGB·HSL 코드가 나오고 아래 기록에 쌓여요.
- 「대표색 8가지」는 이미지에서 많이 쓰인 색을 묶어 뽑은 팔레트예요. 숫자는 그 색이 차지하는 비율이에요.
자주 묻는 질문
이미지가 서버에 올라가나요?
아니요. 이미지는 브라우저 안에서만 열고 계산해요. 어디에도 보내거나 저장하지 않아요.
고른 색이 디자인 프로그램과 조금 달라요.
사진에 든 색 프로필(Display P3 등)을 브라우저가 화면용 sRGB 로 바꿔 그려서 1~2 정도 차이가 날 수 있어요. 아주 큰 이미지는 긴 쪽 2400px 로 줄여서 읽어요.
대표색은 어떻게 뽑나요?
비슷한 색끼리 상자로 나누는 중앙값 자르기(median cut)로 8묶음을 만든 뒤, 평균색을 몇 번 다시 맞춰 다듬어요. 투명한 부분은 빼고 계산해요.