스페이스바를 누르면 새 팔레트가 생성됩니다. 자물쇠 아이콘을 눌러 색상을 고정하고, 색상 박스를 클릭하면 HEX 코드가 복사됩니다.

색상 팔레트 생성기 사용법

  1. 페이지를 열면 자동으로 5가지 랜덤 색상이 표시됩니다.
  2. 스페이스바 또는 새 팔레트 버튼으로 새 조합을 생성합니다.
  3. 마음에 드는 색은 자물쇠 아이콘을 눌러 고정합니다 (잠긴 색은 다음 조합에서도 유지됨).
  4. 색상 박스를 클릭하면 HEX 코드가 클립보드에 복사됩니다.
  5. 완성된 팔레트는 CSS 변수로 복사 버튼으로 한꺼번에 내보낼 수 있습니다.

주요 기능

  • 스페이스바 또는 버튼 클릭으로 즉시 새 팔레트 생성
  • 색상별 잠금 — 잠긴 색은 유지되고 풀린 색만 갱신
  • HEX 코드 한 번 클릭으로 복사
  • 전체 팔레트를 :root CSS 변수로 한꺼번에 내보내기
  • 완전 무료, 회원가입 불필요, 모든 처리는 브라우저에서

활용 예시

  • 웹·앱 디자인 시안 — 빠르게 컬러 무드 탐색 후 시안에 적용
  • 브랜드 컬러 — 메인·서브 색상 후보군 시각화
  • 데이터 시각화 — 차트·그래프의 카테고리 컬러 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 코드는 자유롭게 사용·수정·재배포할 수 있으며, 상업적 프로젝트에도 사용 가능합니다.