사용법
- 색을 뽑고 싶은 사진을 업로드 영역에 끌어다 놓거나 클릭해 선택합니다.
- 잠시 분석 후, 사진에서 자주 등장하는 대표 색들이 팔레트로 표시됩니다.
- 마음에 드는 색 칸을 클릭하면 해당 HEX 코드가 클립보드에 복사됩니다.
- 다른 사진을 분석하려면 같은 영역에 새 이미지를 올리면 됩니다.
대표 색은 어떻게 정해질까
사진에는 수십만 개의 픽셀이 있어 색을 일일이 셀 수 없습니다. 그래서 이 도구는 픽셀을 비슷한 색끼리 묶은 뒤 가장 넓은 면적을 차지하는 색을 골라 팔레트로 보여 줍니다.
- 면적이 우선입니다: 화면에서 많이 보이는 색일수록 먼저 뽑힙니다. 작게 박힌 포인트 색은 빠질 수 있습니다.
- 평균색으로 묶습니다: 미세하게 다른 색들은 한 그룹의 평균값 하나로 합쳐져 깔끔한 대표 색이 됩니다.
- HEX로 바로 사용: 뽑힌 색은 #RRGGBB 코드라 CSS·디자인 도구에 그대로 붙여 넣을 수 있습니다.
화면이나 사진에서 색 코드를 따는 다른 방법은 색상 코드 알아내는 법에 정리해 두었습니다.
활용 팁
- 사진 톤에 맞춘 디자인: 제품 사진이나 배경 이미지에서 색을 추출하면, 그 사진과 어울리는 버튼·글자·배경 색을 고를 수 있습니다. 이미지와 UI 색이 따로 노는 어색함을 줄여 줍니다.
- 브랜드 무드보드 만들기: 영감을 주는 사진 여러 장에서 색을 뽑아 모으면 브랜드의 색 분위기를 정리할 수 있습니다. 추출한 HEX를 컬러 팔레트 도구나 그라데이션 생성기에 넣어 발전시켜 보세요.
- 발표 자료·SNS 카드: 표지 사진에서 대표 색을 뽑아 제목 띠나 강조 색으로 쓰면 통일감 있는 슬라이드·게시물을 빠르게 만들 수 있습니다.
자주 묻는 질문
Q. 색은 어떻게 추출되나요?
이미지를 작게 줄여 픽셀 색을 읽은 뒤, 비슷한 색끼리 묶어 가장 많이 등장한 색 그룹의 평균색을 대표 색으로 뽑습니다. 그래서 사진에서 면적을 많이 차지하는 색들이 우선적으로 팔레트에 나타납니다.
Q. 추출되는 색 개수는 정해져 있나요?
사진에 따라 최대 8색까지 표시됩니다. 단색에 가까운 이미지는 그보다 적게 나올 수 있으며, 색이 다양한 사진일수록 더 풍부한 팔레트가 만들어집니다.
Q. 색을 뽑고 난 사진은 어떻게 되나요?
색 추출이 끝나면 사진은 브라우저 메모리에만 잠시 남았다가 페이지를 닫으면 사라집니다. 분석을 위해 외부로 업로드되거나 저장되지 않습니다.
Q. 추출한 색이 사진에서 보던 색과 조금 달라요.
이 도구는 비슷한 색을 묶어 그 그룹의 평균색을 뽑기 때문에, 한 칸의 색은 여러 픽셀의 중간값에 가깝습니다. 그래서 사진 속 가장 선명한 한 점의 색과는 미세하게 다를 수 있습니다. 특정 지점의 정확한 색이 필요하다면 컬러 피커로 그 픽셀을 직접 찍는 것이 정확합니다.
Q. 같은 색이 여러 칸에 비슷하게 나와요.
한 가지 색이 넓게 차지하는 사진은 명암만 조금 다른 비슷한 색이 여러 칸으로 나뉘어 보일 수 있습니다. 이는 사진 자체에 그 색조가 많다는 뜻입니다. 더 다양한 팔레트를 얻고 싶다면 색이 풍부한 부분만 잘라서 올리거나 다른 구도의 사진을 사용해 보세요.
함께 보면 좋은 가이드