레퍼런스 뷰어 사용 방법
- 이미지를 하나 이상 끌어다 놓습니다. 각각 별도의 탭으로 열립니다.
- 스크롤하거나 핀치해서 커서 위치를 확대하고, 드래그해서 이동합니다. 맞춤과 1:1은 클릭 한 번이면 됩니다.
- 마우스를 올리면 커서 아래의 hex, RGB, HSV 값이 보입니다. 클릭하면 그 색이 추출한 팔레트에 추가됩니다.
- 흑백으로 명도를, 반전으로 비율을 확인합니다.
- 주요 색상 8, 16, 32개를 추출한 뒤 팔레트를 복사하거나 .gpl, .hex로 내보냅니다.
결과물
- 추출한 팔레트(hex 목록, .gpl 또는 .hex)
- 이미지 전체의 주요 색상
게임을 만들며 얻은 팁
- 흑백 보기로 스프라이트가 명도만으로 읽히는지 확인하세요. 형태가 뭉개진다면 색조가 아니라 명도를 조정하세요.
- 참고 이미지(와 내 그림)를 좌우 반전하는 것은 비뚤어진 비율을 찾아내는 가장 오래된 요령입니다.
- 같은 재질의 밝은 부분과 그림자 부분에서 색을 추출해 보면 원작자가 색조를 어떻게 이동했는지 알 수 있습니다.
- 이미지는 이 탭의 메모리에만 남습니다. 페이지를 닫으면 사라집니다.
활용 사례
- 좋아하는 게임의 스프라이트를 픽셀 단위로 연구하기
- 그리면서 콘셉트 아트에서 색 추출하기
- 내 스프라이트를 흑백으로 명도 점검하기
- 무드 보드에서 팔레트 만들기
자주 묻는 질문
참고 이미지를 여러 개 열 수 있나요?
네. 여러 파일을 한 번에 끌어다 놓거나 나중에 추가하면 각각 탭으로 열립니다.
얼마나 확대할 수 있나요?
10%부터 64×까지입니다. 6× 이상에서는 픽셀 그리드를 표시할 수 있습니다.
화면을 움직이지 않고 색을 추출하려면 어떻게 하나요?
드래그 없이 클릭하면 색을 추출하고, 드래그하면 화면이 이동합니다.
추출된 색상은 어디서 나오나요?
이미지의 모든 픽셀에 지각 기반 k-means를 적용해 어두운 색부터 밝은 색 순으로 정렬한 결과입니다. 견본을 클릭하면 추출한 팔레트에 추가됩니다.
참고 이미지가 업로드되나요?
아니요. 이미지는 브라우저에서 로컬로 열리며 어디에도 전송되지 않습니다.