이미지 색상 팔레트 추출 및 색 공간 안내
이미지 팔레트 추출은 업로드된 사진의 화소 정보를 통계적으로 분석해 비주얼 테마를 구성하는 핵심 색상군을 자동 선정하는 기술입니다. 디자이너와 프론트엔드 개발자는 이를 활용해 일관성 있는 디자인 시스템 테마와 UI 컴포넌트의 컬러 토큰을 정의할 수 있습니다.
로컬 클러스터링 알고리즘
본 도구는 브라우저 내부 Canvas에 이미지를 올려 RGB 픽셀 좌표를 그룹화하는 공간 컬러 알고리즘을 사용합니다. 모든 수학 연산은 전적으로 클라이언트 CPU 상에서 구동되어 로딩이나 업로드 대기 없이 즉각적으로 완벽한 보안 환경을 제공합니다.
도구 사용 방법
1. 이미지 아셋 로드：UI 시안, 캡처 화면 또는 일반 사진을 불러옵니다。
2. 주요 색상군 검출：이미지 픽셀 매트릭스를 분석하여 상위 8개의 대푯값을 추출해 카드 형태로 노출합니다. 클릭 시 HEX 코드가 즉시 복사됩니다。
3. 돋보기 스포이트：이미지 위로 마우스를 가져가면 확대 렌즈가 활성화되어 정밀한 픽셀 색상값(HEX, RGB, HSL)을 보여주며, 클릭 시 값을 선택하여 복사할 수 있습니다.