색 팔레트 생성
기준색에서 유사색이나 보색 관계의 색 조합을 만들어 화면 디자인 후보를 비교합니다. 색상환의 관계를 보여 주는 도구이며 가독성 검사는 별도로 해야 합니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
계산 도구를 불러오는 중입니다. 도구가 표시되지 않으면 페이지를 새로고침하세요.
사용 방법과 입력
기준 HEX 색상과 조합 모드를 고르세요. 기존 브랜드 색을 출발점으로 삼고 여러 모드를 비교하면 같은 계열을 유지할지 대비가 큰 색을 쓸지 판단하기 쉽습니다.
결과 해설과 예제
#3b82f6을 기준색으로 두고 유사색 모드에서 나온 HEX 목록을 복사해 보세요. 실제 버튼과 배경에 배치한 뒤 글자색과의 명암비를 별도 도구로 확인하세요.
한계와 주의사항
- 색상환 관계가 WCAG 명암비 통과를 보장하지 않습니다.
- 출력 색은 인쇄용 CMYK나 특정 디스플레이 교정을 반영하지 않습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 기준 HEX | 화면의 단위와 입력 형식을 확인하세요. |
| 조화 방식 | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
팔레트를 실제 화면에 적용할 때 무엇을 보나요?
#3b82f6을 기준색으로 두고 유사색 모드에서 나온 HEX 목록을 복사해 보세요. 실제 버튼과 배경에 배치한 뒤 글자색과의 명암비를 별도 도구로 확인하세요.
유사색 조합이면 접근성도 좋은가요?
색상환 관계가 WCAG 명암비 통과를 보장하지 않습니다. 출력 색은 인쇄용 CMYK나 특정 디스플레이 교정을 반영하지 않습니다.
