팔레트 내보내기

팔레트 내보내기 소개

팔레트 내보내기(Palette Exporter)는 어떤 색상 팔레트든 마무리 단계를 담당합니다. 색상 목록을 붙여넣으면 프로젝트에 필요한 형식으로 제작 준비가 완료된 코드를 얻을 수 있습니다. 한 줄에 하나씩 또는 쉼표와 공백으로 구분된 HEX 값을 받아들이며, rgb()와 hsl() 표기법도 이해합니다.

여섯 가지 출력 형식이 실시간으로 생성됩니다: CSS 커스텀 속성, SCSS 변수, Tailwind 설정 색상 블록, JSON, SVG 스와치, 일반 HEX 목록. 설정 가능한 변수 접두사는 생성된 이름을 코드베이스와 일관되게 유지해 주며, 각 형식은 클립보드에 복사하거나 파일로 다운로드할 수 있습니다.

모든 작업은 브라우저에서 실행됩니다. 붙여넣은 색상은 어디로도 전송되지 않습니다. 다른 팔레트 도구들과 자연스럽게 짝을 이룹니다. 다른 곳에서 팔레트를 추출하거나 생성한 뒤 여기에 붙여넣으면 스타일시트, 프레임워크, 디자인 파이프라인이 요구하는 정확한 코드 조각을 얻을 수 있습니다.

팔레트 내보내기 사용 방법

1. HEX, rgb() 또는 hsl() 색상을 한 줄에 하나씩 또는 쉼표로 구분해 입력란에 붙여넣으세요.
2. "색상 업데이트"를 클릭해 팔레트로 파싱하거나, 예시 데이터를 불러와 사용해 보세요.
3. 출력 형식을 선택하세요: CSS 변수, SCSS, Tailwind 설정, JSON, SVG 스와치 또는 일반 HEX.
4. 커스텀 이름을 원한다면 변수 접두사를 조정하세요.
5. 생성된 코드를 복사하거나 파일로 다운로드하세요.

자주 묻는 질문