이미지에서 순위가 매겨진 팔레트로
이미지를 업로드 영역에 끌어다 놓거나 파일 선택기로 고르세요. 업로드 영역에는 지원 형식인 JPEG, PNG 및 APNG, TIFF, WebP, BMP, GIF, AVIF, HEIC, SVG가 표시됩니다. 1~16개 중에서 색상 수를 정하면 앱이 양자화된 색상을 빈도순으로 정렬하고 각 색상의 16진수 값과 분석한 픽셀에서 차지하는 비율을 보여 줍니다. 검정, 흰색, 회색을 제외하거나 투명도가 중요할 때 이를 반영할 수 있습니다.
다듬고 내보내기
- 각 색상의 16진수 값은 전용 버튼으로 복사합니다.
- 해당하는 CSS 색상 이름이 있으면 사용하고, 없으면 직접 이름을 붙입니다.
- 필요 없는 견본은 현재 팔레트에서 제거합니다.
- 팔레트에 이름을 붙여 JSON, Adobe Swatch Exchange(ASE), Adobe Color Swatch(ACO), 이름이 표시된 SVG 견본표 또는 사용자 정의 속성이 담긴 CSS 파일로 내려받습니다.
이미지를 고르고, 색상 수와 제외 조건을 정하고, 견본을 검토·수정한 뒤 팔레트 이름을 입력해 필요한 형식으로 내려받으면 됩니다.
누구에게 알맞은가
디자이너, 일러스트레이터, 프런트엔드 개발자, 콘텐츠 제작자, 그리고 사진, 스크린숏, 아트워크, 브랜드 자료에서 재사용할 팔레트가 필요한 모든 사람에게 적합합니다. 색채학이나 이미지 편집 지식은 필요 없습니다. Adobe 호환 디자인 프로그램용 견본을 준비하거나 웹사이트 프로토타입용 CSS 사용자 정의 속성을 만들 때 유용합니다.
로컬 처리와 한계
선택한 이미지, 디코딩된 픽셀, 팔레트 계산, 편집 내용, 내보낸 파일은 모두 브라우저에서 처리됩니다. 앱은 이미지나 팔레트 내용을 서버에 업로드하지 않으며 글꼴, 스크립트 등 어떤 리소스도 타사 서버에서 불러오지 않습니다. 브라우저 로컬 저장소에는 인터페이스 언어, 테마, 요청한 색상 수, 제외 설정, 투명도 설정만 저장되며, 이미지와 생성된 팔레트는 영구 저장되지 않고 URL에도 담기지 않습니다.
긴 변이 1,000픽셀을 넘는 이미지는 분석 전에 축소됩니다. 색상은 256색 RGB 양자화 공간으로 묶이므로 결과는 대표 색상이며 모든 원래 값을 나열한 목록이 아닙니다. 팔레트는 최대 16색이고 알파 값이 50% 미만인 픽셀은 무시됩니다. TIFF는 첫 페이지만, 애니메이션 형식은 브라우저가 렌더링한 한 프레임만 분석하며, 일부 형식의 디코딩 지원은 브라우저와 운영 체제에 따라 다를 수 있습니다. JavaScript와 Canvas 2D를 지원하는 최신 브라우저, 이미지를 디코딩할 충분한 메모리, 복사할 때는 클립보드 권한이 필요합니다. 인터페이스는 21개 언어와 라이트, 다크, 시스템 연동 테마를 지원합니다.
업로드 영역과 주요 컨트롤은 키보드로 접근할 수 있고 보이는 레이블이나 도구 설명이 있습니다. 값은 버튼으로 복사하고 색상 이름은 키보드로 편집할 수 있습니다. 다만 이미지 미리 보기와 견본은 원본 이미지를 완전한 텍스트로 설명하지 않으며, 인터페이스 애니메이션은 아직 동작 줄이기 설정을 따르지 않습니다.
살펴볼 만한 주요 기능
대표 기능부터 확인하고 전체 안내에서 세부 동작까지 살펴보세요.
