무료 컬러 팔레트 생성기 & 색상 조합 추천 도구
색상환과 색채 이론으로 조화로운 배색표를 만들어보세요. 웹디자인, 브랜드 아이덴티티, 그래픽 디자인에 맞는 색상 조합을 추천받고, 사진에서 대표 색상 추출, WCAG 접근성 대비율 확인 후 CSS 변수, SCSS, Tailwind 설정, JSON으로 내보내기까지 한 번에.
1이 도구는 언제 쓰나요?
💡웹·모바일 앱용 컬러 디자인 시스템 구축
💡브랜드 아이덴티티 & 로고 색상 조합 작업
💡디지털 프로덕트 UI/UX 배색표 디자인
💡SNS 마케팅 그래픽 컬러 기획
💡프레젠테이션, 문서, 피치덱 스타일링
💡인테리어 디자인 무드보드 컬러 테마 기획
2주요 기능
- 색상환 이론 기반 6가지 배색 조화 유형
- 사진·이미지에서 대표 색상 팔레트 추출
- HEX, RGB, HSL 색상 코드 실시간 표시
- WCAG 2.1 접근성 대비율 체커 내장
- CSS 변수, SCSS, Tailwind CSS, JSON 내보내기
- 개별 색상 잠금/해제로 원하는 색만 유지
- 로컬 즐겨찾기에 무제한 배색표 저장
- 100% 브라우저 처리—서버 업로드 없이 완벽 프라이버시
3사용 방법
- HEX/RGB 컬러 피커로 기본 색상을 선택하거나 색상 코드를 직접 입력하세요.
- 색상환 기반 조화 유형을 선택하세요 (유사색, 보색, 삼원색, 분리보색, 사색, 단색).
- '생성' 버튼을 클릭하면 랜덤 색상 조합이 만들어져요.
- 마음에 드는 색상을 잠금해서 나머지만 새로 뽑을 수 있어요.
- WCAG 대비율을 확인해 접근성을 체크하세요.
- 즐겨찾기에 저장하고 CSS, SCSS, Tailwind, JSON으로 내보내세요.
자주 묻는 질문
Q. 이미지가 서버로 업로드되나요?
A. 절대 아니에요! 모든 색상 추출과 처리는 JavaScript로 100% 브라우저에서 이뤄져요. 사진이나 이미지는 완전히 비공개로 기기에만 남아요—어디에도 업로드 안 됩니다.
Q. 색상환에서 색상 조화가 뭔가요?
A. 색상 조화는 색상환 위치에 기반한 과학적으로 검증된 색상 조합이에요. 유사색은 인접한 비슷한 톤, 보색은 반대쪽의 강한 대비, 삼원색은 균등 간격의 생동감, 단색은 단일 색조의 명도 변화예요.
Q. 생성한 팔레트를 상업적으로 써도 되나요?
A. 물론이죠! 생성된 모든 색상 조합은 개인, 클라이언트, 상업 디자인 프로젝트에 자유롭게 쓸 수 있어요. 출처 표기도 필요 없어요.
Q. 어떤 색상 포맷으로 내보낼 수 있나요?
A. CSS 커스텀 속성(변수), SCSS/SASS 변수, Tailwind CSS 설정, JSON으로 내보내기 가능해요. 각 포맷에는 프로젝트에 바로 붙여넣기할 수 있는 색상 코드가 포함돼요.
Q. WCAG 대비율 체커는 어떻게 작동하나요?
A. 팔레트 색상과 흰색/검정 배경 간 대비율을 WCAG 2.1 가이드라인에 따라 계산해요. 4.5:1 이상이면 일반 텍스트 AA 접근성 기준을 통과해요.