Color Palette Editor

형식이 다른 팔레트 파일을 한 작업 공간에서

파일을 하나 또는 여러 개 열거나, 화면에 있는 팔레트에 파일을 더 추가할 수 있습니다. 편집기는 자체 JSON 팔레트 형식(colors 배열 포함), Adobe ASE와 ACO 견본, CSS 사용자 정의 속성, SVG 색상 선언, $AARRGGBB 값을 담은 TXT 또는 SSS 파일을 읽습니다. 각 색상은 이름과 16진수 값과 함께 표시되며 바로 복사하거나 이름을 바꾸거나 제거할 수 있습니다.

정리하고 정렬하고 내보내기

• 검정, 흰색, 정확한 회색, 중복 값을 제외합니다.
• 필요하면 투명도를 완전한 불투명으로 바꿉니다.
• 원래 순서를 유지하거나 색조, 채도, 밝기, 밝기 후 색조, 휘도 또는 UI 디자인용 그룹 기준으로 오름차순·내림차순 정렬합니다.
• 팔레트에 이름을 붙여 JSON, Adobe ASE, Adobe ACO, SVG 개요 또는 사용자 정의 속성이 담긴 CSS 파일로 내려받습니다.

가져오기부터 완성된 팔레트까지

1. 지원되는 파일을 하나 이상 선택합니다. 같은 팔레트에 넣을 파일은 나중에 추가해도 됩니다.
2. 제외 조건을 정하고 정렬 방식과 방향을 고릅니다.
3. 견본을 검토하면서 이름을 고치고 값을 복사하거나 색상을 제거합니다.
4. 팔레트 이름을 입력합니다.
5. 결과를 JSON, ASE, SVG, ACO 또는 CSS로 내려받습니다.

누구에게 알맞은가

데스크톱 유틸리티를 설치하지 않고 색상 모음을 점검하거나 정리하거나 변환해야 하는 디자이너, 프런트엔드 개발자, 일러스트레이터 등에게 적합합니다. 팔레트나 스타일 파일에 대한 기본 지식이 있으면 도움이 되지만, 견본을 눈으로 보며 작업하므로 전문 지식 없이도 간단한 점검과 변환이 가능합니다. 여러 파일의 견본을 하나의 전달물로 합치거나, ASE·ACO 색상을 웹 프로젝트용 CSS 사용자 정의 속성으로 바꾸거나, CSS 변수나 SVG 일러스트에서 색상을 뽑아내는 데 주로 쓰입니다.

로컬 처리와 한계

팔레트 파일은 전적으로 브라우저에서 읽고 처리되며 내용이 서버로 업로드되지 않습니다. 내보내는 파일도 로컬에서 만들어져 브라우저가 내려받습니다. 앱은 글꼴을 포함한 모든 파일을 자체 주소에서 불러오며 제3자에게 요청을 보내지 않습니다. 언어, 테마, 처리 설정은 브라우저 로컬 저장소에 저장되지만, 가져온 팔레트는 페이지 세션 동안에만 메모리에 남고 페이지를 닫은 뒤에는 보관되지 않습니다. 팔레트와 설정은 URL에 담기지 않으므로 결과는 내보낸 파일을 보내 공유합니다.

새 색상을 처음부터 만들 수는 없으며, 항상 가져온 파일에 있는 색상에서 시작합니다. CSS 가져오기는 사용자 정의 속성 선언을 읽고 16진수, 쉼표로 구분한 rgb()·rgba(), CSS 색상 이름을 지원하지만, 스타일시트 평가, 변수, 그라디언트, hsl(), 공백으로 구분하는 최신 색상 구문은 처리하지 않습니다. SVG 가져오기는 fill, stroke, color 속성이나 인라인 스타일 선언에서 지원되는 값을 추출하지만, 연결된 스타일시트, 그라디언트 같은 페인트 서버, 상속되거나 계산된 색상은 해석하지 않습니다. RGB가 아닌 Adobe 색상은 편집과 내보내기를 위해 RGB로 변환되므로 원래 색상 모델과 별색 메타데이터는 유지되지 않습니다. 매우 크거나 복잡한 파일은 브라우저의 메모리와 처리 속도에 따라 제한됩니다. 계정, 클라우드 저장, 동기화, 공동 편집 기능은 없습니다. 값을 복사하려면 클립보드 권한이나 보안 컨텍스트가 필요합니다. 인터페이스는 21개 언어와 라이트, 다크, 시스템 연동 테마를 지원합니다.

업로드, 필터, 정렬, 이름 지정, 내보내기의 주요 컨트롤은 레이블이 있는 HTML 양식 요소로 키보드로 접근할 수 있고, 테마 버튼은 눌림 상태를 알려 줍니다. 다만 일부 팔레트 조작은 여전히 포인터 중심입니다. 견본 자체는 클릭할 수 있지만 키보드로 포커스할 수 있는 컨트롤이 아니며, 생성된 팔레트는 화면 낭독기에 구조화된 데이터 표로 제공되지 않습니다. 인터페이스 애니메이션은 아직 동작 줄이기 설정을 따르지 않습니다.