색상 팔레트 생성기

색상 팔레트 생성기란?

컬러 팔레트 생성기는 하나의 기준 색상을 중심으로 완전한 팔레트를 만들어야 하는 디자이너와 프론트엔드 개발자를 위한 무료 온라인 색 구성 도구입니다. HEX 색상 하나만 입력하면 HSL 색상 연산을 이용해 더 밝은 틴트, 더 어두운 셰이드, 보색, 그리고 유사색과 3색 조화 색상을 즉시 도출합니다. 각 스와치는 HEX 값과 함께 표시되며 원클릭 복사 버튼이 제공됩니다. UI 색상 선택, 명암 색 단계(램프) 구성, 브랜드에 어울리는 강조색 찾기에 활용하세요. HEX 컬러 팔레트 생성기, 셰이드/틴트 생성기, 보색 찾기를 하나로 합친 도구입니다.

색상 팔레트 생성기 사용법

1. 기준 색상(HEX) 입력란에 #rrggbb 또는 #rgb 형식으로 기준 색상을 입력하거나, 큰 색상 선택기 스와치를 클릭해 시각적으로 고릅니다.
2. 측면당 셰이드 수를 2, 3, 4 중에서 설정해 기준 색상 양쪽에 생성되는 밝은 틴트와 어두운 셰이드의 개수를 조절합니다.
3. 셰이드 및 틴트 섹션을 확인하세요. 밝은 틴트는 기준 색상 위에, 어두운 셰이드는 아래에 표시되며, 각각 라벨(Lighter N / Base / Darker N)이 붙고 HEX 값과 함께 나타납니다.
4. 조화 색상 섹션에서 보색, 유사색(+30도 / -30도), 3색 조화(+120도 / -120도) 색상을 확인합니다.
5. 아무 스와치 옆(또는 기준 색상 입력란 옆)의 복사 버튼을 클릭하면 해당 HEX 값이 클립보드에 복사됩니다.

예시

#ff0000

#00ffff

#ff0000

#00ff00

자주 묻는 질문

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

기준 색상은 #rrggbb(여섯 자리) 또는 #rgb(세 자리) 단축 형식의 HEX 값으로 입력합니다. 값이 유효한 HEX 색상이 아니면 'Invalid HEX color' 메시지가 나타나며 팔레트가 생성되지 않습니다. 모든 출력 스와치는 #rrggbb HEX로 표시됩니다.

셰이드와 틴트는 몇 개나 생성되나요?

측면당 2, 3, 4 중에서 선택합니다. 도구는 선택한 개수만큼 밝은 틴트(흰색 방향으로 보간)와 동일한 개수의 어두운 셰이드(검은색 방향으로 보간)를 생성하고, 가운데에 기준 색상을 더합니다.

어떤 조화 색상이 포함되나요?

보색(색상을 180도 회전), 유사색 2개(+30도, -30도), 3색 조화 색상 2개(+120도, -120도)를 출력하며, 모두 HSL에서 기준 색상의 색상값을 회전시켜 계산합니다.

HEX를 입력하는 대신 색을 시각적으로 고를 수 있나요?

네. 내장 색상 선택기가 있는 큰 스와치를 클릭해 색을 고르면 됩니다. HEX 입력란이 자동으로 갱신되고, 색을 바꿀 때마다 팔레트가 즉시 다시 계산됩니다.

제 색상 데이터가 어딘가로 업로드되나요?

아니요. 모든 처리는 로컬 색상 연산을 사용해 브라우저 안에서 완결됩니다. 어떤 색상 값도 서버로 전송되지 않으므로 오프라인에서도 작동하며 팔레트가 비공개로 유지됩니다.