계산 로직과 결과 카드가 연결된 상태입니다.
개발계산 가능
컬러 팔레트 생성기
기준 색상으로 보색, 유사색, 삼각 배색, 단색 팔레트를 생성합니다.
결과 대기 중
이 계산기를 이렇게 설계했습니다.
HSL 색상환에서 hue 각도를 이동하면 보색, 유사색, 삼각 배색 같은 기본 팔레트 규칙을 만들 수 있습니다. 생성된 색상은 디자인 시안의 출발점으로 활용하세요.
계산식 기준
- HEX -> HSL
- 보색 = hue + 180deg
- 유사색 = hue ± 30deg
- 삼각 배색 = hue + 120deg, hue + 240deg
팔레트 조화 규칙
| 방식 | 색상환 기준 | 사용처 |
|---|---|---|
| Complementary | 0deg + 180deg | 강한 CTA, 대비 배색 |
| Analogous | 기준 hue 주변 ±30deg | 편안한 브랜드 톤 |
| Triadic | 120deg 간격 | 다채로운 섹션 구분 |
| Monochrome | 같은 hue, 다른 lightness | 디자인 토큰/상태 색상 |
계산식에 사용된 방법
- 기준 색상와 배색 방식 값을 입력 형식에 맞게 확인한 뒤 계산합니다.
- 형식과 입력 규칙을 검증한 뒤 개발 도구 목적에 맞는 생성 또는 변환을 적용합니다.
- 결과는 검산과 복사에 바로 쓰기 쉬운 형태로 보여주는 방식을 사용합니다.
주의사항
- 텍스트, 시간, 코드 입력은 예시 형식과 다르면 계산이 제한되거나 결과가 달라질 수 있습니다.
- 선택한 옵션에 따라 적용 기준과 결과 해석이 달라질 수 있습니다.
- 언어, 런타임, 인코딩, 환경 차이에 따라 실제 결과가 다르게 보일 수 있습니다.
조화로운 색 조합을 어떻게 찾나요?
기준 색을 중심으로 보색·유사색 등 규칙에 맞는 팔레트를 추천합니다.
- 보색은 강한 대비, 유사색은 안정적인 분위기에 적합합니다.
- 삼각 배색은 색상 수가 많아 강조색과 배경색 역할을 나누는 것이 좋습니다.
- 단색 팔레트는 같은 hue에서 lightness만 바꿔 UI 토큰화에 적합합니다.