색상 팔레트 생성기

🎨 색상 팔레트 생성기란?

색상 팔레트 생성기는 색상 이론에 따른 조화로운 팔레트를 자동 생성하는 도구입니다. 보색, 유사색, 삼원색, 사각 조화, 단색 조화 등 5가지 배색 방식을 지원하며, 각 방식은 색상환에서의 관계에 기반합니다. 생성된 팔레트는 HEX/RGB 코드로 제공되며, CSS 변수로 바로 내보내기가 가능합니다. 웹 디자인, 브랜드 컬러 시스템, UI 테마, 일러스트 작업 등에 유용하게 활용됩니다.

📊 색상 조화 이론

💡 팔레트 활용 팁

• 60-30-10 규칙: 주색 60%(배경/큰 영역), 보조색 30%(섹션/카드), 강조색 10%(CTA 버튼·아이콘)으로 배분하면 시선 흐름이 자연스러워집니다.
• 브랜드 컬러: 보색이나 삼원색은 강한 대비로 인지도가 높아 로고와 키 비주얼에 어울리며, 짧은 시간 노출되는 광고 배너에 효과적입니다.
• UI 디자인: 정보 위계가 중요한 대시보드는 단색 조화로 톤을 통일하고, 한 곳에만 보색을 강조로 쓰는 방식이 가독성에 좋습니다.
• 대비 확인: 생성된 팔레트의 각 색을 흰 배경과 짝지어 4.5:1 이상인지 점검하세요. 채도 100% 노랑/시안은 흰 배경 위 텍스트로 부적합한 경우가 많습니다.
• 컨텍스트 고려: 웹 sRGB에서 선명한 색이 인쇄 CMYK에선 칙칙해지고, OLED 화면에선 검정이 더 깊게 보입니다. 출력 매체별 테스트가 필요합니다.
• 중성색 보강: 5색 팔레트만으로 UI를 다 채우긴 어렵습니다. 회색 3~5단계(예: #F5F5F5, #E5E5E5, #9CA3AF, #4B5563, #1F2937)를 별도로 마련하세요.

🧭 시작 색을 정할 때 참고할 것

어떤 색을 기준 색으로 잡느냐에 따라 팔레트 전체 인상이 달라집니다.채도(S)가 80% 이상인 비비드 색은 게임·F&B 브랜드처럼 활기 있는 분위기를,채도 30~50% 사이의 차분한 색은 금융·헬스케어·B2B SaaS의 신뢰감을 자아냅니다.명도(L)는 50% 부근일 때 보색·유사색 변형이 가장 균형 있게 분포하며, 80% 이상의 파스텔이나 20% 이하의 다크 톤은 단색 조화 시에만 안정적입니다. 색조(H)는 217°(파랑)이 가장 보편적인 SaaS 컬러이고, 12°(빨강)는 식음료, 142°(녹색)는 헬스/지속가능성 도메인에 흔히 보입니다.

자주 묻는 질문