색상 팔레트 추출기
입력 · 원본출력 · 결과

색상 팔레트 추출기

어떤 이미지든 드롭하세요. 색상을 결정론적으로 클러스터링하고, 헥스 값과 각 색상이 사진에서 차지하는 비율이 포함된 팔레트 시트를 렌더링합니다. 같은 이미지는 항상 같은 팔레트를 제공합니다.

입력
참고 이미지 · 필수팔레트 레이아웃 · 선택색상 수 · 선택
출력
HEX 값이 표시된 팔레트 시트 × 1

참고 이미지

필수

이미지 드롭

이미지는 캔버스에서 업로드합니다. 여기서는 설정만 입력합니다.

팔레트 레이아웃선택
색상 수선택

이미지에서 색상 팔레트를 추출하면 얻을 수 있는 것

이미지에서 컬러 팔레트를 추출한다는 것은 사진을 실제로 구성하는 색상을 찾아내고 그 색상에 숫자 값을 부여하는 것을 의미합니다. 이 방식은 추측하는 대신 클러스터링을 사용하므로 팔레트가 재현 가능하며, 모든 색상 견본에는 해당 헥스 값이 라벨로 표시됩니다.

왼쪽 사진과 오른쪽 추출한 여섯 색상 팔레트
사진과 그 사진에서 추출한 팔레트 시트

색상 팔레트 추출기가 제공하는 세 가지 결과

이미지 하나를 넣으면 읽고, 복사하고, 내일 다시 얻을 수 있는 시트가 돌아옵니다.

원본 이미지 아래 동일 크기 여섯 견본을 깔끔하게 놓은 팔레트 시트
복사 가능

모든 색상 견본에 헥스 값 표시

각 색상에는 헥스 값이 라벨로 표시되어 있어, 누군가 먼저 눈으로 샘플링할 필요 없이 디자인 파일, 스타일시트 또는 사양에 바로 넣을 수 있습니다.

각 색상 폭이 이미지 점유율에 맞는 비례 팔레트 막대
이미지 내 비율

단순한 색상이 아닌 비율

모든 색상 견본에는 해당 색상이 사진에서 차지하는 비율이 표시됩니다. 이는 이미지 안에 있는 색상과 이미지가 실제로 구성된 색상의 차이를 보여줍니다.

같은 이미지에서 두 번 추출한 동일한 색상 견본 줄
결정론적

같은 이미지는 같은 팔레트를 제공합니다

추출은 생성형 추측이 아니라 클러스터링입니다. 다음 달 같은 파일로 다시 실행해도 같은 여섯 가지 색상이 나오므로, 일회성이 아닌 참조 자료로 사용할 수 있습니다.

사진에서 색상 팔레트를 얻는 네 단계

  1. 이미지 드롭

    사진, 스크린샷, 로고, 예술 작품. 색상이 들어간 것이라면 무엇이든 가능하며, 미리 준비할 필요가 없습니다.

  2. 색상 수 선택

    빠르게 확인하려면 4개, 실무용 팔레트에는 6개, 이미지가 복잡하고 긴 꼬리까지 필요할 때는 8개입니다.

  3. 레이아웃 선택

    Bars와 Grid는 색상을 읽기 위한 것입니다. Proportional은 이미지가 실제로 어떤 색상들로 구성되어 있는지 보기 위한 것입니다.

  4. 추출한 다음 계속 작업

    팔레트 시트는 이미지 옆의 새 Virse 캔버스에 배치됩니다. hex 값을 복사하거나, 다른 개수로 다시 실행하거나, 시트를 문서로 가져가세요.

이미지에서 브랜드 색상 팔레트가 필요한 사람

누군가 그것으로 작업을 시작하기 전에 색상의 이름을 정해야 하는 사람들.

단순한 추상 브랜드 표식과 추출한 팔레트

브랜드 및 아이덴티티 디자이너

원본 사양은 사라지고 아트워크만 남았을 때, 로고나 오래된 브랜드 에셋에서 실제 작업 팔레트를 복원하세요.

참고 사진과 그 팔레트로 배치한 추상 블록

UI 및 웹 디자이너

참조 이미지에서 시작 팔레트를 추출하고, 눈으로 샘플링하는 대신 토큰에 바로 넣을 수 있는 헥스 값을 확보하세요.

네 캠페인 이미지 각각 아래 추출 팔레트 줄 표시

콘텐츠 및 소셜 팀

이미지 세트가 실제로 브랜드에 맞는지, 느껴지는 색상이 아니라 그것을 구성하는 색상을 보고 확인하세요.

이미지-색상 팔레트 시트의 모습

상품 사진과 아래 여섯 색상 팔레트
6가지 색상, hex 라벨 포함: 제품 사진에서 추출한 실무용 팔레트
사진 아래 색상 지배도에 폭을 맞춘 비례 팔레트 막대
Proportional 레이아웃: 이미지가 주로 무엇으로 구성되어 있는지 보여주는 색상 견본 너비
추상 기하학 표식과 아래 추출 팔레트
로고에서 만든 팔레트: 사양 파일 없이 아트워크에서 복원한 브랜드 색상
복잡한 사진을 주요 네 색상 견본으로 축약
4색 빠른 확인: 복잡한 사진의 가장 짧고 유용한 버전
주요 색상과 포인트 색상을 함께 보여 주는 여덟 견본
8가지 색상, 긴 꼬리: 주요 색상과 함께 드러난 포인트 색상
같은 사진에서 추출한 동일한 두 색상 견본 줄
같은 파일, 같은 결과: 한 달 간격으로 두 번 실행해도 동일한 색상 견본

결정론적 추출기가 스포이드보다 나은 이유

손으로 샘플링하는 방식은 두 번 작업해서 같은 결과를 얻어야 하기 전까지는 괜찮습니다.

눈으로 색상 고르기

  • 클릭하는 위치가 색상을 결정하므로, 한 이미지에서 두 사람이 두 가지 팔레트를 얻게 됩니다
  • 어떤 색상이 이미지의 절반을 차지하는지, 아니면 한쪽 모서리만 차지하는지 알려주는 것이 없습니다
  • 다음 달에 같은 작업을 반복하면 다른 색상 세트가 나옵니다
  • 값을 손으로 적게 되며, 바로 여기서 오타가 생깁니다

Virse 추출기

  • 이미지가 클러스터링되므로, 팔레트는 클릭한 한 지점이 아니라 전체 그림에서 나옵니다
  • 각 색상 견본에는 hex 값과 함께 이미지에서 차지하는 비중이 표시됩니다
  • 같은 파일은 실행할 때마다 같은 팔레트를 제공합니다
  • 시트는 값이 이미 라벨링되어 있고 복사할 준비가 된 상태로 캔버스에 배치됩니다
자주 묻는 질문

질문

두 번 실행해도 팔레트가 안정적인가요?
예. 추출은 생성형 추측이 아니라 결정론적 클러스터링이므로, 같은 이미지는 매번 같은 팔레트를 제공합니다.
hex 값을 바로 사용할 수 있나요?
예. 각 색상 견본에는 HEX 값과 이미지에서 차지하는 비율이 표시되므로 디자인 파일에 바로 복사할 수 있습니다.
이미지가 변경되나요?
아니요. 업로드한 사진에는 아무 작업도 하지 않습니다. 반환되는 것은 별도의 팔레트 시트이며, 원본은 캔버스에서 그 옆에 그대로 남아 있습니다.
이 색상들과 어울리는 팔레트를 제안할 수 있나요?
아니요. 무엇이 되어야 하는지 제안하는 것이 아니라 이미지 안에 무엇이 있는지를 보고합니다. 조화 규칙, 보색 구성, 생성된 팔레트는 다른 종류의 도구이며, 이 도구는 의도적으로 추측하지 않습니다.
'만들기'를 누르면 도구가 바로 실행되나요?
아니요. 입력이 새 캔버스로 이동해 도구에 채워지지만 거기서 '시작'을 누르기 전에는 실행되지 않습니다. 링크가 사용자를 대신해 크레딧을 쓸 수는 없습니다.
나중에 결과를 계속 작업할 수 있나요?
네. 모든 결과가 일반 Virse 캔버스에 나오므로 내보내고 다시 가져오지 않고 단일 결과를 재실행, 조정하거나 편집으로 가져갈 수 있습니다.

이미지 뒤에 있는 팔레트 얻기

여기서 시작하세요. 이미지를 넣으면 팔레트가 그 옆의 새 Virse 캔버스에 열리며, Start를 누르기 전까지는 아무것도 실행되지 않습니다.