이미지 색상 팔레트 추출

이미지 색상 추출: 사진의 대표 색을 HEX 코드로

사진에서 많이 쓰인 색을 뽑아 HEX, RGB, HSL 값으로 보여 주고, 원하는 지점의 색도 집을 수 있습니다.

대표 색 뽑기

사진을 올리면 많이 쓰인 색 계열을 3~12개까지 뽑아 비율이 큰 순서로 보여 줍니다. 비슷한 색은 한 덩어리로 묶고 그 평균색을 보여 주므로, 사진 속 정확한 한 픽셀의 색과는 조금 다를 수 있습니다. 색 개수는 슬라이더로 바꾸고, 각 색을 누르면 HEX 값이 복사됩니다.

원하는 지점의 색 집기

이미지 위를 누르면 그 지점의 색을 HEX, RGB, HSL 값으로 보여 주고 복사할 수 있습니다. 정확히 그 픽셀 색이 필요할 때 쓰세요. 투명한 지점은 집지 않습니다.

코드로 가져가기

뽑은 색은 CSS 변수(:root 안의 --color-1 등)로 한꺼번에 복사할 수 있습니다. 분석은 긴 변 200px로 줄인 사진에서 이루어져 빠르고, 사진은 서버로 보내지지 않습니다.

자주 묻는 질문

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

아니요. 색 추출은 이 브라우저 안에서만 이루어지고 어디에도 전송되지 않습니다.

실행할 때마다 결과가 같나요?

네. 같은 사진과 같은 색 개수라면 항상 같은 결과가 나옵니다.