광고 공간
광고 공간
색상 팔레트 생성기
웹사이트나 디자인 프로젝트를 위한 조화로운 색상표를 만들어보세요
색상 설정
도구
코드 복사
색상 팔레트
색상 이론 가이드
색상 조화 이론
색상 팔레트를 만들 때는 색상 조화 이론을 이해하면 더 효과적인 디자인이 가능합니다. 대표적인 색상 조화 방식은 다음과 같습니다:
단색 (Monochromatic)
하나의 색상에서 밝기와 채도만 변경하여 구성한 팔레트입니다. 깔끔하고 세련된 느낌을 줍니다.
유사색 (Analogous)
색상환에서 인접한 색상들로 구성된 팔레트입니다. 조화롭고 편안한 느낌을 줍니다.
보색 (Complementary)
색상환에서 서로 반대편에 위치한 두 색상을 활용합니다. 강한 대비와 활력을 줍니다.
삼색 (Triadic)
색상환에서 120도 간격으로 위치한 세 가지 색상을 활용합니다. 다양하면서도 균형잡힌 느낌을 줍니다.
사색 (Tetradic)
색상환에서 90도 간격으로 위치한 네 가지 색상을 활용합니다. 다채롭고 활기찬 느낌을 줍니다.
분할보색 (Split Complementary)
기준 색상과 그 보색의 양옆 색상을 활용합니다. 보색만큼 대비가 강하지 않으면서도 다양한 느낌을 줍니다.
💡 Pro Tip: 색상의 60-30-10 규칙을 적용해보세요. 주요 색상이 60%, 보조 색상이 30%, 강조 색상이 10%의 비율로 디자인에 사용하면 균형 잡힌 시각적 효과를 얻을 수 있습니다.
웹 접근성과 색상 대비
웹 접근성을 고려할 때는 텍스트와 배경 간의 색상 대비가 충분해야 합니다. WCAG 2.1 지침에 따르면:
- AA 레벨: 일반 텍스트의 대비율 최소 4.5:1, 큰 텍스트는 3:1
- AAA 레벨: 일반 텍스트의 대비율 최소 7:1, 큰 텍스트는 4.5:1
색상 사용 팁
- 브랜드 일관성 유지 - 팔레트를 브랜드 아이덴티티와 일치시키세요.
- 목적에 맞는 색상 선택 - 웹사이트나 앱의 목적과 타겟 사용자에 맞는 색상을 선택하세요.
- 색상 심리학 고려 - 파란색은 신뢰와 안정감, 빨간색은 열정과 긴급함, 녹색은 자연과 성장을 상징합니다.
- 간결함 유지 - 너무 많은 색상을 사용하면 혼란스러워 보일 수 있습니다. 3-5개의 주요 색상으로 시작하세요.
- 시각적 계층 구조 만들기 - 색상을 통해 중요한 요소와 덜 중요한 요소를 구분하세요.
광고 공간
광고 공간