이미지 평균 색상 추출기
이미지의 평균 색상을 HEX와 RGB 스와치로 확인하세요 — 100% 브라우저에서 실행되며 업로드가 필요 없습니다.
이미지를 드롭하거나 클릭해 선택
🔒 픽셀은 브라우저에서 처리되며 업로드되지 않습니다.
이 도구가 하는 일
이미지를 업로드하면 화면에 보이지 않는 캔버스에 그린 뒤 모든 픽셀을 읽어, 투명하지 않은 픽셀 전체의 빨강·초록·파랑 평균값을 계산합니다. 결과는 HEX와 RGB 코드가 함께 표시된 색상 스와치로 나타나며, CSS나 디자인 도구, 팔레트에 바로 복사해 넣을 수 있습니다. 완전히 투명하거나 거의 투명한 픽셀(알파 128 미만)은 무시되어 평균이 흰색이나 검은색 쪽으로 치우치지 않습니다.
평균 색상이 유용한 순간
이미지의 평균 색상은 사진이 로딩되는 동안의 자리표시 배경, 카드나 히어로 영역의 은은한 배경색, 일러스트 전체 분위기를 빠르게 파악하는 용도로 좋습니다. 디자이너는 통일감 있는 팔레트를 만들 때, 개발자는 저품질 이미지 자리표시(LQIP)를 생성할 때 활용합니다. 계산이 결정적이라 같은 이미지는 언제나 같은 HEX 코드를 돌려줍니다.
자주 묻는 질문
제 이미지가 서버로 업로드되나요?
아니요. 이미지는 브라우저 안에서 캔버스를 이용해 디코딩되고 픽셀이 읽힙니다. 어떤 것도 업로드되거나 저장되거나 외부로 전송되지 않습니다.
평균 색상은 어떻게 계산되나요?
알파값이 128 이상인 모든 픽셀을 한 번씩 세어, 빨강·초록·파랑 채널을 각각 합산한 뒤 픽셀 수로 나눈 반올림 평균을 HEX 코드로 변환합니다.
투명한 영역은 왜 무시되나요?
투명한 픽셀에는 의미 있는 색이 없어 포함하면 결과가 왜곡됩니다. 실제로 보이는 색에 충실하도록 알파값이 128 미만인 픽셀은 건너뜁니다.