스페이스바를 누르면 새 팔레트가 생성됩니다. 자물쇠 아이콘을 눌러 색상을 고정하고, 색상 박스를 클릭하면 HEX 코드가 복사됩니다.
색상 팔레트 생성기 사용법
- 페이지를 열면 자동으로 5가지 랜덤 색상이 표시됩니다.
- 스페이스바 또는 새 팔레트 버튼으로 새 조합을 생성합니다.
- 마음에 드는 색은 자물쇠 아이콘을 눌러 고정합니다 (잠긴 색은 다음 조합에서도 유지됨).
- 색상 박스를 클릭하면 HEX 코드가 클립보드에 복사됩니다.
- 완성된 팔레트는 CSS 변수로 복사 버튼으로 한꺼번에 내보낼 수 있습니다.
주요 기능
- 스페이스바 또는 버튼 클릭으로 즉시 새 팔레트 생성
- 색상별 잠금 — 잠긴 색은 유지되고 풀린 색만 갱신
- HEX 코드 한 번 클릭으로 복사
- 전체 팔레트를
:rootCSS 변수로 한꺼번에 내보내기 - 완전 무료, 회원가입 불필요, 모든 처리는 브라우저에서
활용 예시
- 웹·앱 디자인 시안 — 빠르게 컬러 무드 탐색 후 시안에 적용
- 브랜드 컬러 — 메인·서브 색상 후보군 시각화
- 데이터 시각화 — 차트·그래프의 카테고리 컬러 5색 세트 결정
- 슬라이드·자료 — 발표 자료의 통일된 컬러 팔레트 만들기
- 일러스트·아트워크 — 영감용 색감 조합 탐색
색상 팔레트 이론
일반적으로 디자인에서는 4~5색 조합을 사용하면 시각적 균형이 잡히고 위계를 표현하기 쉬워집니다. 메인 색 1개, 보조 색 1~2개, 강조 색 1개, 중립 색 1개 같은 구조가 흔하며, 본 도구는 이 구조에 맞춰 5색을 한 번에 생성합니다.
자주 묻는 질문
생성된 색상은 어떻게 결정되나요?
HSL 색공간에서 색조(Hue)는 0~360° 전체 범위에서 무작위 선택되며, 채도(Saturation)는 55~90%, 명도(Lightness)는 45~70% 범위로 제한됩니다. 너무 어둡거나 흐릿한 색을 피해 화면에서 잘 식별되는 색만 생성됩니다.
같은 팔레트를 다시 만들 수 있나요?
각 색상의 HEX 코드를 메모해두시면 다른 도구에서도 사용할 수 있습니다. 작업 중에는 마음에 드는 색을 자물쇠로 잠가 두면 다음 조합에서도 유지됩니다.
왜 5색을 기본으로 하나요?
4~5색은 시각적 위계를 만들면서도 너무 복잡하지 않은 실용적인 조합 수입니다. UI/브랜딩 가이드에서 일반적으로 권장되는 컬러 토큰 개수와도 일치합니다.
생성된 색상을 상업적으로 사용해도 되나요?
네, 색상 자체에는 저작권이 없습니다. 도구로 만들어진 HEX 코드는 자유롭게 사용·수정·재배포할 수 있으며, 상업적 프로젝트에도 사용 가능합니다.