palette-from-image-ai란?
palette-from-image-ai는 이미지를 활용 가능한 색상 팔레트로 변환하는 휴대용 Windows 데스크톱 애플리케이션입니다. 스크린샷, 사진, 게임 캡처, 텍스처, 회화 및 기타 지원되는 이미지 파일을 분석한 다음 의미 있는 색상을 정렬된 컬렉션으로 생성할 수 있습니다.
기본적인 RGB 샘플링 스크립트와 달리, 이 애플리케이션은 온디바이스 비전 모델을 사용해 이미지를 여러 영역으로 분할하고, CIEDE2000 지각 거리를 적용한 LAB 공간에서 색상을 클러스터링하며, 이미지에서 각 색상이 차지하는 비중에 따라 순위를 지정합니다. 그 결과 서로 거의 동일한 색상 견본을 여러 개 반환하는 대신 의미 있는 포인트 색상, 그림자, 하이라이트, 배경 톤을 보존하도록 설계된 팔레트를 얻을 수 있습니다.
이 애플리케이션은 오프라인으로 실행되며 계정이나 런타임 설치가 필요하지 않습니다. 프로필은 실행 파일과 같은 위치에 저장됩니다. Windows 10 및 Windows 11을 지원하며, .exe 파일과 models/ 디렉터리가 포함된 아카이브로 배포됩니다.
주요 기능
- 영역 인식 추출: 샘플링 전에 이미지를 분할하여 서로 다른 시각적 영역이 모두 표현되도록 합니다.
- 지각 기반 클러스터링: 단순한 RGB 유사도 대신 LAB 색상 공간과 CIEDE2000을 사용합니다.
- 역할 태깅: 색상 견본에 기본, 포인트 색상, 그림자, 하이라이트 또는 중립 역할을 지정합니다.
- 색상 조화 모드: 유사색, 보색, 삼색 및 분할 보색 조합을 지원합니다.
- 팔레트 제어: 5~16개의 색상 견본을 선택하고, 색상을 잠그고, 개별 픽셀을 샘플링하며, 견본 순서를 변경할 수 있습니다.
- 일괄 처리: 이미지 폴더를 처리하여 각 파일마다 하나의 팔레트를 생성합니다.
- 팔레트 비교: Palette Diff를 사용해 두 팔레트 사이에서 색상이 어떻게 변경되었는지 확인할 수 있습니다.
- 오프라인 작동: 업로드, 계정, 원격 측정 또는 외부 네트워크 호출이 필요하지 않습니다.
- 선택적 GPU 가속: 지원되는 환경에서 DX12 경로를 사용해 대용량 이미지를 더 빠르게 처리할 수 있습니다.
- 유연한 내보내기: HEX, RGB, HSL, LAB, ASE, GPL, CSS 변수, JSON, PNG, ACO, SKETCH 또는 SVG 형식으로 내보낼 수 있습니다.
시스템 요구 사항
최소 지원 운영 체제는 64비트 Windows 10 21H2입니다. 권장 환경은 8코어 AVX2 프로세서, 16GB RAM, 4GB VRAM을 갖춘 별도 DX12 GPU 및 SSD가 탑재된 Windows 11 23H2 이상입니다.
통합 DX11 GPU를 사용하거나 CPU만으로도 애플리케이션을 실행할 수 있습니다. README에 따르면 CPU에서는 4K 이미지 처리에 약 5~8초, GPU 가속을 활성화하면 약 1.2초가 걸립니다. 별도의 런타임, Python 설치, Node.js 설치 또는 관리자 권한은 필요하지 않습니다.
설치 및 첫 실행
1. 아카이브 다운로드
palette-from-image-ai 프로젝트 페이지에서 Windows 아카이브를 다운로드합니다. 아카이브에는 애플리케이션에 필요한 실행 파일과 모델 파일이 포함되어 있습니다.
2. 전체 폴더 압축 해제
Windows 탐색기에서 모두 압축 풀기를 사용하고 Documents 또는 전용 도구 디렉터리처럼 사용자가 소유한 폴더를 선택합니다. ZIP 파일 내부에서 실행 파일을 바로 실행하지 마세요. 모델 파일은 models/ 디렉터리에서 계속 사용할 수 있어야 하며, 압축 아카이브에서는 애플리케이션이 모델 파일을 올바르게 메모리 매핑할 수 없습니다.
3. 애플리케이션 시작
압축을 푼 폴더를 열고 .exe 파일을 두 번 클릭합니다. 실행 파일이 서명되지 않았기 때문에 Windows SmartScreen에서 경고를 표시할 수 있습니다. 다운로드한 파일을 신뢰한다면 추가 정보를 선택한 다음 실행을 선택합니다.
처음 실행할 때 애플리케이션은 ./cache/에 작은 셰이더 캐시를 생성합니다. 일반적으로 약 3초가 걸립니다. 이후 실행에서는 캐시를 사용하므로 더 빠르게 시작됩니다.
4. 폴더 구조 유지
이 애플리케이션은 포터블 방식이므로 설치 프로그램, 레지스트리 수정, PATH 변경 또는 시스템 전역 런타임이 필요하지 않습니다. 실행 파일과 models/ 디렉터리를 함께 보관하세요. 애플리케이션을 제거하려면 종료한 후 압축을 푼 폴더를 삭제하면 됩니다.
기본 사용법: 첫 팔레트 만들기
- 이미지를 엽니다. PNG, JPG, WEBP, BMP, TIFF, GIF 또는 AVIF 파일을 애플리케이션 창으로 끌어 놓거나 파일 > 이미지 열기를 선택합니다.
- 색상 견본 수를 선택합니다. 슬라이더를 사용해 5~16개의 색상을 선택합니다. 5개는 미니멀한 인터페이스에 적합하고, 8개는 일반적인 아트 디렉션에 적합하며, 12~16개는 세밀한 텍스처를 표현할 수 있습니다.
- 필요한 경우 색상 조화 모드를 선택합니다. 추출된 색상이 의도적인 색상 관계를 따르도록 하려면 유사색, 보색, 삼색 또는 분할 보색을 선택합니다.
- 역할을 확인합니다. 자동으로 지정된 기본, 포인트 색상, 그림자, 하이라이트 및 중립 레이블을 확인합니다. 작업 과정에서 다른 용어를 사용하는 경우 레이블을 수정할 수 있습니다.
- 중요한 색상을 잠급니다. 브랜드 색상이나 필요한 소재 톤을 유지해야 한다면 해당 색상 견본을 추가하거나 선택한 후 다시 추출하기 전에 잠금 제어를 클릭합니다.
- 결과를 다듬습니다. 색상 견본을 끌어 순서를 변경하고, 스포이드 샘플러를 사용해 정확한 픽셀을 선택하거나, 고급 설정에서 중복 제거 임계값을 조정합니다.
- 팔레트를 내보냅니다. 내보내기를 선택하고 작업 과정에 필요한 형식을 고릅니다. 색상 견본 스트립을 마우스 오른쪽 버튼으로 클릭한 후 HEX로 복사를 선택할 수도 있습니다.
내보내기 예시
이 애플리케이션은 디자인 도구, 개발 작업 과정, 문서 및 에셋 파이프라인에 사용할 수 있는 형식으로 출력할 수 있습니다. 예를 들어 CSS 변수는 스타일시트에 복사할 수 있습니다:
--color-1: #xxxxxx;스크립트로 작업할 때 JSON은 단순한 16진수 값 목록보다 더 많은 정보를 보존하며, 색상 역할과 가중치도 포함할 수 있습니다. 명령줄 인터페이스를 사용하면 CSS 팔레트를 직접 작성할 수 있습니다:
palette-from-image-ai.exe --input foo.png --count 8 --format css --out palette.cssASE 및 ACO 내보내기는 Adobe 작업 흐름을 위한 것이며, GPL은 GIMP와 Inkscape를 지원합니다. PNG 또는 SVG 견본 시트는 문서, 프레젠테이션, 팀 커뮤니케이션에 유용합니다.
배치 모드 사용
배치 폴더 모드를 사용하면 이미지를 한 번에 하나씩 여는 대신 전체 디렉터리를 처리할 수 있습니다. 지원되는 파일이 들어 있는 폴더를 애플리케이션에 지정하면 이미지마다 하나의 팔레트가 생성됩니다. 배치 처리는 멀티스레드로 실행되며 로컬 SSD에서 사용할 때 가장 효과적입니다.
README에 따르면 세그먼터가 메모리 매핑 파일 액세스에 의존하기 때문에 네트워크 드라이브에서는 배치 처리가 중단될 수 있습니다. 이런 경우 배치 작업을 시작하기 전에 이미지 세트를 로컬 폴더로 복사하세요.
고급 팔레트 제어
재추출 전에 견본 잠그기
원본 이미지, 견본 수 또는 다른 설정이 변경되어도 색상을 유지해야 할 때 잠긴 견본을 사용하세요. 브랜드 색상, 기존 UI 색상 또는 필수 재질 톤에 유용합니다. 견본을 잠근 후 팔레트를 다시 추출하면 애플리케이션이 해당 색상을 중심으로 나머지 색상을 도출합니다.
중복 제거 임계값 조정
임계값은 서로 유사한 중복 색상을 얼마나 적극적으로 병합할지 결정합니다. 결과가 단조롭게 보이는 고채도 사진 이미지에서는 임계값을 약 2.0으로 낮추는 것이 좋다고 README에서 안내합니다. 플랫 디자인이나 픽셀 아트에는 약 4.0의 값이 권장됩니다. 정확한 설정은 원본과 보존하려는 색상 변화량에 따라 달라집니다.
사용자 지정 색상 거리 함수 사용
기본 지각 비교에는 CIEDE2000이 사용되지만, 고급 기능에서는 CMC와 CIE94도 지원합니다. 특정 제작 파이프라인이나 비교 방식에서 요구하는 경우 이러한 대안을 사용할 수 있습니다.
GPU 가속 활성화
호환되는 시스템에서는 대용량 이미지 처리를 빠르게 하도록 DX12 GPU 경로를 활성화하세요. GPU 토글을 사용할 수 없다면 해당 장치가 지원되는 DX12 컴퓨트 큐를 제공하지 않는 것입니다. CPU 모드에서도 애플리케이션은 완전히 사용할 수 있습니다.
프리셋 및 최근 팔레트 사용
프리셋 관리자는 조화, 견본 수, 임계값 설정의 조합을 저장할 수 있습니다. 최근 팔레트에는 최근 20개의 팔레트가 복원 가능한 상태로 유지되므로 아트 디렉션의 여러 반복 결과를 비교할 때 유용합니다.
명령줄 및 감시 폴더 작업 흐름
CLI 모드를 사용하면 포터블 실행 파일을 스크립트와 빌드 단계에 활용할 수 있습니다. 기본 명령은 입력 파일, 견본 수, 출력 형식 및 저장 위치를 지정합니다:
palette-from-image-ai.exe --input foo.png --count 8 --format css --out palette.cssCLI는 --harmony 플래그도 지원합니다. 이 플래그를 사용하면 팔레트를 생성할 때 스크립트에서 조화 방식을 지정할 수 있습니다. 자동 입력을 위해 감시 폴더는 디렉터리를 모니터링하고 새 이미지가 나타나면 처리합니다.
더 나은 결과를 위한 팁
- 가능하면 깨끗하고 적절하게 잘린 이미지를 사용하세요. 선명한 원본 이미지는 복잡한 스크린샷보다 일반적으로 더 유용한 영역 세분화 결과를 생성합니다.
- 많은 UI 디자인 작업에서는 8개의 견본과 보색 조화를 선택하세요. 실용적인 기본색, 중성색, 강조색 구성을 얻는 데 도움이 됩니다.
- 견본 수를 변경하거나 다시 추출하기 전에 필수 색상을 잠그세요.
- 아트 디렉션을 변경한 후 팔레트 차이를 사용하여 어떤 색조가 변했는지 확인하세요.
- 빌드 단계에서 색상뿐 아니라 역할, 가중치, 16진수 값이 필요하다면 JSON으로 내보내세요.
- 정확한 픽셀 값이 중요할 때는 스포이드 샘플러를 사용하여 수동으로 조정하세요.
- 성능 향상을 위해 배치 입력을 로컬 SSD에 보관하세요.
- 스포이드 샘플러가 모니터의 ICC 프로필을 반영하도록 하려면 색상 관리를 활성화하세요.
문제 해결
- SmartScreen 경고: 실행 파일에 서명이 없습니다. 출처를 신뢰한다면 추가 정보를 선택한 다음 실행을 선택하세요.
- 모델 로딩 실패:
models/디렉터리가 여전히 실행 파일 옆에 있는지, 애플리케이션이 ZIP에서 추출되었는지 확인하세요. - 고채도 이미지에서 팔레트가 단조로움: 중복 제거 임계값을
2.0으로 낮추고 다시 추출하세요. - GPU 제어가 비활성화됨: 시스템에 지원되는 DX12 컴퓨트 큐가 없으면 CPU 모드를 사용하세요.
- Photoshop에서 ASE 색상이 즉시 표시되지 않음: 견본을 가져온 후 Photoshop을 다시 시작하세요. 견본이 캐시될 수 있습니다.
- 대용량 TIFF를 열 수 없음: 200메가픽셀보다 큰 이미지는 100메가픽셀 미만으로 축소해야 할 수 있습니다. 16비트 TIFF 경로는 로드맵 항목으로 등록되어 있습니다.
결론
palette-from-image-ai는 시각적 참조를 구조화된 팔레트로 변환하는 오프라인 포터블 도구입니다. 영역 세분화, 지각 기반 클러스터링, 역할 태그 지정, 조화 제어, 잠긴 견본, 배치 처리, 폭넓은 내보내기 지원을 제공하므로 웹 디자인, 게임 개발, 일러스트레이션, 텍스처 작업, 셰이더 및 제작 문서에 적합합니다.
시작하려면 models/ 폴더를 그대로 유지한 채 압축을 풀고 실행 파일을 실행하세요. 그런 다음 이미지를 열고 견본 수와 조화 설정을 조정한 뒤 작업 흐름에 필요한 형식으로 결과를 내보내면 됩니다.