색상 팔레트 생성기는 기준 색상을 선택하고 보색, 유사색, 삼색, 분할 보색, 사색, 단색의 여섯 가지 조화 규칙을 사용하여 5색 색상 구성표를 즉시 생성합니다. 개별 색상을 잠그고, 팔레트를 무작위로 생성하며, 결과를 CSS 사용자 정의 속성으로 내보낼 수 있습니다. 모든 계산은 브라우저에서 로컬로 수행됩니다.
주요 기능
여섯 가지 조화 규칙: 보색, 유사색, 삼색, 분할 보색, 사색, 단색
정밀한 기준 색상 선택을 위한 색상 선택기 및 HEX 입력
규칙 전환 시 개별 색상을 잠가서 유지
원클릭 무작위 팔레트 생성
색상 카드 클릭으로 HEX 값 복사
팔레트를 CSS 사용자 정의 속성으로 내보내기, 원클릭 복사
빠른 미리보기
사용 사례
웹 및 앱 디자인 프로젝트를 위한 조화로운 색상 구성표 구축
다양한 조화 규칙을 비교하여 색상 이론 탐색
디자인 시스템 테마를 위한 CSS 사용자 정의 속성 생성
보색 및 강조색이 포함된 브랜드 색상 팔레트 만들기
라이트 모드와 다크 모드의 UI 색상 변형 빠르게 프로토타이핑
colorpaletteharmony
자주 묻는 질문
어떤 조화 규칙을 사용할 수 있나요?
이 도구는 보색, 유사색, 삼색, 분할 보색, 사색, 단색의 여섯 가지 조화 규칙을 제공합니다. 각 규칙은 색상 이론 원리에 따라 5색 색상 구성표를 생성합니다.
팔레트의 특정 색상을 잠글 수 있나요?
네, 각 색상 카드에는 잠금 버튼이 있습니다. 색상을 잠그면 조화 규칙을 전환하거나 팔레트를 무작위로 생성해도 해당 색상이 그대로 유지됩니다. 잠금 버튼을 다시 클릭하면 잠금이 해제됩니다.
팔레트를 CSS로 어떻게 내보내나요?
CSS 내보내기 버튼을 클릭하면 현재 팔레트 색상을 포함하는 CSS 사용자 정의 속성(--primary, --light, --dark, --accent, --accent-light)이 생성됩니다. 그런 다음 CSS 코드를 원클릭으로 복사할 수 있습니다.
개별 색상을 복사할 수 있나요?
네, 색상 카드를 클릭하면 해당 HEX 값이 클립보드에 복사됩니다. 복사 성공 시 알림이 표시됩니다. 각 카드에는 참조용 RGB 및 HSL 값도 표시됩니다.
내 색상 데이터가 서버로 전송되나요?
아니요. 모든 팔레트 생성 및 색상 계산은 브라우저에서 로컬로 수행되며, 어떠한 데이터도 서버에 업로드되지 않으므로 사용자 정보가 완전히 비공개로 안전하게 보호됩니다.