컬러 팔레트 추출

로컬 이미지에서 3~12개의 대표 색상을 결정론적으로 선택하고, HEX, RGB, 대략적 비율과 함께 CSS 및 JSON으로 내보냅니다.

이 도구가 유용할 때

이미지를 업로드하지 않고 디자인, 발표, 테마, 무드 보드, 또는 접근성 검토를 위한 시작 색상 세트를 만드는 경우.

로컬 처리 작동 방식

브라우저는 디코딩된 픽셀을 결정론적으로 샘플링하고, 완전히 투명한 픽셀은 제외하며, 제한된 양자화를 통해 근접 색상을 그룹화하고, 결과 클러스터를 순위 매기며, 대략적 비율을 보고합니다.

사용 방법

  1. 소스 준비: 이미지를 업로드하지 않고 디자인, 발표, 테마, 무드 보드, 또는 접근성 검토를 위한 시작 색상 세트를 만드는 경우.
  2. 로컬에서 처리: 브라우저는 디코딩된 픽셀을 결정론적으로 샘플링하고, 완전히 투명한 픽셀은 제외하며, 제한된 양자화를 통해 근접 색상을 그룹화하고, 결과 클러스터를 순위 매기며, 대략적 비율을 보고합니다.
  3. 다운로드 및 확인: 의도된 디스플레이에서 원본의 중요한 영역과 색상샘플을 비교하고, 작은 악센트 색상은 수동으로 확인하며, 비율은 양자화된 추정치로 처리합니다.

중요한 제한 사항

양자화된 샘플 팔레트는 근사치이며, 소스 색상의 모든 목록은 아닙니다; 그라디언트, 노이즈, 투명도, 삽입된 색상 프로파일, 와이드 감마 변환은 선택되는 색상샘플에 영향을 줄 수 있습니다.

다운로드한 결과 확인

의도된 디스플레이에서 원본의 중요한 영역과 색상샘플을 비교하고, 작은 악센트 색상은 수동으로 확인하며, 비율은 양자화된 추정치로 처리합니다.

설계상 개인정보 보호

파일은 브라우저에 남습니다. 이 도구는 원본이나 출력을 서버로 업로드하지 않습니다.

질문과 답변

이 도구가 유용한 경우는 언제인가요?

이미지를 업로드하지 않고 디자인, 발표, 테마, 무드 보드, 또는 접근성 검토를 위한 시작 색상 세트를 만드는 경우.

브라우저는 실제로 무엇을 하나요?

브라우저는 디코딩된 픽셀을 결정론적으로 샘플링하고, 완전히 투명한 픽셀은 제외하며, 제한된 양자화를 통해 근접 색상을 그룹화하고, 결과 클러스터를 순위 매기며, 대략적 비율을 보고합니다.

어떤 제한을 이해해야 하나요?

양자화된 샘플 팔레트는 근사치이며, 소스 색상의 모든 목록은 아닙니다; 그라디언트, 노이즈, 투명도, 삽입된 색상 프로파일, 와이드 감마 변환은 선택되는 색상샘플에 영향을 줄 수 있습니다.

결과를 어떻게 확인해야 하나요?

의도된 디스플레이에서 원본의 중요한 영역과 색상샘플을 비교하고, 작은 악센트 색상은 수동으로 확인하며, 비율은 양자화된 추정치로 처리합니다.

관련 도구