팔레트 생성기 – 색상 조화 팔레트

조화로운 색상 팔레트를 즉시 만들기

서로 잘 어울리는 색상을 선택하는 것은 디자인에서 가장 흔한 과제 중 하나입니다. 색상환 위의 색조 간 관계를 기반으로 한 색상 조화 규칙은 균형 잡힌 팔레트를 구축하기 위한 신뢰할 수 있는 기반을 제공합니다.

이 팔레트 생성기는 모든 기본 색상을 받아 표준 조화 규칙을 적용하여 보색 세트를 생성합니다. HEX, RGB 또는 HSL 형식으로 색상을 입력하고 조화 유형을 전환하여 다양한 조합을 탐색하세요.

색상 조화 유형 설명

• 보색 — 색상환에서 서로 반대편에 있는 두 색상 (180° 간격). 높은 대비, 대담한 조합.
• 유사색 — 색상환에서 인접한 세 색상 (30° 간격). 자연스럽게 조화롭고 낮은 대비.
• 삼원색 — 색상환 주위에 균등하게 배치된 세 색상 (120° 간격). 생동감 있고 균형 잡힌.
• 분할 보색 — 기본 색상과 그 보색에 인접한 두 색상 (150°와 210°). 순수 보색보다 부드러움.
• 사색 (정사각형) — 색상환 주위에 균등하게 배치된 네 색상 (90° 간격). 풍부하고 복잡한 팔레트.

팔레트 생성기 사용 방법

1. 기본 색상 입력 — HEX, RGB 또는 HSL 값을 입력하거나 기본 색상 선택기 사용
2. 선택기에서 조화 유형 선택
3. 색상환에서 연결된 점을 드래그해 색조와 채도를 바꾸고 밝기 슬라이더를 조절
4. 생성된 팔레트가 색상 스와치로 표시됨
5. 원클릭으로 모든 스와치의 HEX 또는 RGB 값 복사
6. 조화 유형을 전환하여 다른 팔레트 비교

팔레트 생성기를 사용할 때

• 새 디자인 프로젝트를 시작하고 균형 잡힌 색상 구성이 필요할 때
• 특정 메인 색상을 중심으로 브랜드 아이덴티티를 구축할 때
• 조화로운 악센트 색상으로 UI 테마를 만들 때
• 일러스트레이션이나 아트를 위한 색상 관계 탐색할 때
• 프레젠테이션이나 프로토타입용 팔레트를 빠르게 생성할 때

핵심 조화와 보조 변형

모든 조화는 5개의 견본을 만듭니다. 보색은 핵심 색상 2개, 유사색·삼원색·분할 보색은 3개, 사색 조합은 4개이며 나머지는 채도나 명도를 조정한 보조 변형입니다.

하나의 기본 색상으로 5가지 색 만들기

표시된 기본 색상을 유지하면서 색상환이 조화와 변형을 계산합니다. 이미지 전체의 주요 색상은 이미지 팔레트 추출기를, 한 픽셀의 정확한 색상은 색상 선택기를 사용하세요.

HEX, RGB, HSL, OKLCH 사용

입력란은 HEX, RGB, HSL, OKLCH를 지원합니다. 개별 색상을 HEX 또는 RGB로 복사하거나 5가지 색상을 쉼표로 구분된 대문자 HEX 코드로 복사할 수 있습니다.

빠르고, 무료이며, 프라이빗

모든 계산은 브라우저에서 이루어집니다. 계정, 업로드, 저장 또는 서버 처리가 없으며 마우스, 터치, 키보드로 조작할 수 있습니다.

색상환은 이론적인 색상 관계를 보여 주지만 가독성을 보장하지 않습니다. WCAG 측정에는 대비 검사기를, 형식 변환에는 색상 변환기를 사용하세요.

자주 묻는 질문

색상 조화란 무엇인가요?

색상 조화는 시각적으로 함께 보기 좋은 색상의 조합을 말합니다. 이러한 조합은 색상환 위의 색조 간 기하학적 관계를 기반으로 합니다.

어떤 조화 유형을 사용해야 하나요?

디자인 목표에 따라 다릅니다. 보색은 강한 대비를 만듭니다. 유사색은 차분한 느낌을 줍니다. 삼원색은 생동감 있고 균형 잡혀 있습니다. 분할 보색은 더 부드러운 대비를 제공합니다. 사색은 풍부하고 복잡한 팔레트를 제공합니다.

어떤 색상 형식을 입력할 수 있나요?

HEX, RGB, HSL 또는 OKLCH를 입력할 수 있으며 형식은 자동으로 감지됩니다.

팔레트 색상은 어떻게 계산되나요?

기본 색상은 HSL로 변환되어 선택한 조화의 정확한 색조 각도에 배치됩니다. 각 관계는 균형 잡힌 채도와 밝기 변형을 가진 다섯 개의 실용적인 견본으로 확장됩니다. 인터랙티브 색상환에는 모든 견본이 표시되며, 한 점을 드래그하면 전체 조화가 회전하고 밝기 슬라이더는 팔레트를 업데이트합니다.

생성된 색상을 복사할 수 있나요?

예. 각 색상을 HEX 또는 RGB로, 전체 팔레트를 쉼표로 구분된 5개의 대문자 HEX 코드로 복사할 수 있습니다.

이 도구는 모바일에서 작동하나요?

예. 반응형 색상환은 모바일에서는 터치로, 컴퓨터에서는 마우스나 키보드로 조작할 수 있습니다.

이 도구는 무료인가요?

네. ColourPicker.app은 완전 무료이며 가입이 필요하지 않습니다.

생성한 팔레트를 저장할 수 있나요?

도구는 세션 간에 팔레트를 저장하지 않습니다. 개별 색상 값을 복사하여 프로젝트 파일이나 디자인 도구에 저장할 수 있습니다.

색상환은 무엇을 보여 주나요?

색조를 원에 배치하며 각도는 색조, 중심에서의 거리는 채도, 별도 슬라이더는 명도를 나타냅니다.

팔레트마다 왜 5가지 색상이 있나요?

핵심 색상 2~4개와 필요한 보조 변형을 결합해 일관된 작업용 세트를 제공하기 때문입니다.

핵심 색상과 보조 변형은 무엇인가요?

핵심 색상은 선택한 기하학적 관계를 만들고 보조 변형은 같은 색조의 채도나 명도를 조정합니다.

색상 조화가 충분한 대비를 보장하나요?

아니요. 조화는 색조 관계를 설명합니다. 전경과 배경의 WCAG 대비는 별도로 측정하세요.