색상 조합 계산기
기본 색상을 선택하면 보색, 유사색, 삼원색, 단색 등 다양한 색상 조합(컬러 팔레트)을 자동으로 생성하고 시각적으로 보여줍니다. 디자인 작업의 효율을 높여보세요.
기본 색상을 선택하고 다양한 색상 조합, 혼합 결과 및 대비율을 확인해보세요.
그라데이션 미리보기:
1. 탭 선택: "색상 조합", "색상 혼합", "대비 검사" 중 원하는 기능을 선택합니다. (모든 탭은 최소 2개의 기본 색상을 사용합니다.)
2. 추천 팔레트 (선택 사항): 탭 목록 아래의 "추천 팔레트 로드" 버튼으로 미리 정의된 색상들을 현재 선택된 기본 색상 슬롯에 불러올 수 있습니다. 각 팔레트 이름 옆의 버튼으로 테마에 맞는 랜덤 색상을 생성할 수 있습니다.
3. 기본 색상 개수 선택: 각 탭 상단에서 2 또는 3개의 기본 색상을 사용할지 선택합니다.
4. 기본 색상 입력: HEX 코드를 직접 입력하거나 색상 선택기를 사용하세요. 색상 입력 필드의 새로고침 아이콘()으로 개별 색상을 랜덤 변경할 수 있습니다. (대비 검사 탭에서는 이 버튼이 없음)
5. 결과 확인 및 대비 검사:
- 색상 조합 탭: 선택된 기본 색상을 바탕으로 다양한 색상 조합을 보여줍니다. "기본색" 견본을 클릭하면 해당 기본색이 랜덤으로 변경됩니다. 생성된 색상 견본을 클릭하면 대비 검사에 사용됩니다.
- 색상 혼합 탭: 기본 색상들의 혼합 비율을 슬라이더로 조절하여 단일 혼합 색상을 확인합니다. 생성된 색상 견본을 클릭하면 대비 검사에 사용됩니다.
- 대비 검사 탭: 상단의 전용 입력 필드에 HEX 코드를 직접 입력하거나 색상 선택기를 사용하여 대비 색상 1과 2를 설정합니다. 또는, 기본 색상 입력 영역, "기본 색상 견본" 또는 "가져오기" 섹션의 색상 견본을 클릭하여 선택할 수도 있습니다. 선택된 색상은 각각 파란색(1번)과 초록색(2번) 링과 배지로 표시됩니다.
6. 색상 복사: 각 색상 견본의 HEX 코드나 복사 아이콘()을 클릭하여 클립보드에 복사합니다.
기본 팔레트: 'N색 기반 팔레트' 섹션은 현재 설정된 기본 색상들과 이들의 그라데이션을 보여줍니다. 이 견본들을 클릭하면 해당 기본 색상이 랜덤으로 변경됩니다.
자동 생성 조합: 현재는 기본 팔레트만 표시되지만, 향후 업데이트를 통해 보색, 유사색, 삼원색, 분할 보색, 사각색, 단색 등 다양한 표준 색상 이론에 기반한 조합들이 자동으로 생성되어 표시될 예정입니다. 각 조합은 시각적 조화와 특정 분위기 연출을 목표로 합니다.
대비 검사 연동: 생성된 팔레트의 각 색상 견본을 클릭하면, 해당 색상이 '대비 검사' 탭의 색상 선택 슬롯(1번 또는 2번)으로 자동 전달되어 손쉽게 접근성 검사를 진행할 수 있습니다.
활용 방안: 웹사이트 테마, 로고 디자인, 프레젠테이션 자료, 마케팅 자료 등 다양한 시각 디자인 작업에서 영감을 얻거나 실제 색상 팔레트를 구성하는 데 활용할 수 있습니다.