조화로운 색상 팔레트를 생성하는 방법

기준 색상, 팔레트 유형, 색상 수를 입력하면 조화로운 색상 팔레트를 생성할 수 있습니다. 입력을 생략하면 #3498db, 단색, 5개가 각각 기본값으로 사용됩니다.

색상 조합을 탐색하기 전에

이 도구는 기준 색상 하나를 바탕으로 서로 어울리는 색상 팔레트를 만드는 데 사용합니다. 기준 색상과 팔레트 유형, 원하는 색상 수를 정하면 여러 색상으로 구성된 결과를 확인할 수 있습니다. 새로운 디자인의 색 조합을 찾거나, 하나의 기준색에서 변화를 넓혀 보고 싶을 때 활용하기 좋습니다.

팔레트 유형은 단색, 보색, 유사색, 무작위로 나뉩니다. 단색은 한 색상을 바탕으로 한 변화를 살펴볼 때 적합하고, 보색은 서로 대비되는 조합을 확인할 때 유용합니다. 유사색은 가까운 색상 사이의 조화를 탐색하는 선택지이며, 무작위는 정해진 방향에 얽매이지 않고 다른 조합을 살펴볼 때 사용할 수 있습니다. 따라서 먼저 색상 관계를 어떤 방식으로 보고 싶은지 정한 뒤 입력을 시작하면 결과를 비교하기 쉽습니다.

입력부터 재생성까지의 순서

1. 기준 색상을 입력합니다. #3498db처럼 앞에 #을 붙인 6자리 16진수 표기를 사용할 수 있습니다. 앞의 기호를 생략한 3498db도 입력할 수 있으며, 이 경우 앞에 #이 보완됩니다. #39f처럼 3자리 16진수로 적은 색상은 해석 전에 6자리 형태로 확장됩니다. 입력을 비워 두면 기본 기준 색상인 #3498db가 사용됩니다.

2. 팔레트 유형을 고릅니다. 한 가지 색상의 변화를 중심으로 보려면 단색을 선택하고, 강한 색상 차이를 살피려면 보색을 선택합니다. 서로 인접한 색상 흐름을 확인하려면 유사색을 고르며, 다른 조합을 폭넓게 시도하려면 무작위를 선택할 수 있습니다. 입력하지 않은 유형에는 단색이 기본으로 적용됩니다.

3. 필요한 색상 수를 입력합니다. 입력값은 정수로 변환된 후 3에서 12 사이로 제한됩니다. 따라서 3보다 작은 수나 12보다 큰 수를 입력하면 요청한 값이 그대로 유지되지 않을 수 있습니다. 숫자로 변환할 수 없는 값은 5로 처리됩니다. 색상 수를 비워 둔 경우에도 기본값 5가 적용됩니다.

4. 생성 동작을 실행하고 표시된 팔레트를 살펴봅니다. 기준 색상은 사용할 색의 출발점이고, 선택한 유형은 색상 관계를 정하는 기준이며, 개수는 결과에 들어갈 색의 수를 정하는 입력입니다. 먼저 단색으로 범위를 확인한 뒤 보색이나 유사색으로 바꾸어 비교하면 선택한 기준 색상이 여러 관계에서 어떻게 보이는지 파악하기 편합니다.

5. 입력을 바꾸어 다시 생성합니다. 색상 표기의 앞 기호, 16진수 자리 수, 유형 이름, 개수 입력을 차례로 확인하면 결과를 비교하는 과정이 분명해집니다. 무작위 유형을 사용한다면 같은 설정을 다시 실행하는 경우도 별도로 확인해야 합니다.

표시 형식과 입력 경계 이해하기

생성된 색상은 앞에 #이 붙은 소문자 6자리 16진수로 표시됩니다. 색상 채널은 정수로 반올림되며 0에서 255 사이로 제한되므로, 결과를 읽을 때 대문자 표기나 짧은 3자리 표기가 그대로 출력될 것이라고 예상할 필요는 없습니다. 인식된 팔레트 유형과 정규화된 개수를 함께 사용했다면 결과 색상 수는 그 정규화된 개수와 일치합니다.

예를 들어 개수 입력이 숫자로 해석되는 4이고 팔레트 유형이 지원되는 유형이라면 결과는 네 개의 색상값으로 구성됩니다. 반대로 2를 입력하면 2개가 그대로 보장되는 것이 아니라 지원 범위의 하한에 맞게 조정됩니다. 15를 입력한 경우에도 같은 방식으로 상한을 벗어난 요청이 조정될 수 있습니다. 숫자가 아닌 입력은 별도 숫자로 바뀌지 않고 기본값 5로 처리됩니다.

무작위 유형에서는 색조, 채도, 명도를 무작위로 정하므로 동일한 기준 색상과 개수를 반복해도 색상 결과가 달라질 수 있습니다. 이 차이는 입력을 잘못했다는 뜻이라기보다 해당 유형의 생성 방식에서 비롯됩니다. 같은 결과를 비교하려면 무작위 유형 대신 단색, 보색, 유사색 중 하나를 사용해 보는 편이 해석에 도움이 됩니다.

기준 색상을 해석하지 못하면 생성된 색상 대신 오류 표시가 반환됩니다. 지원 목록에 없는 팔레트 유형을 입력해도 팔레트가 만들어지지 않고 오류 표시가 반환됩니다. 이런 경우에는 먼저 기준 색상을 16진수 형식으로 다시 확인하고, 유형을 단색·보색·유사색·무작위 가운데 하나로 바꾼 뒤 다시 실행합니다.

사용 예시

웹 디자인에서 주황색 기준 색상 #ff6600과 대비되는 네 가지 색상 조합을 확인하려고 합니다.

팔레트 유형을 보색으로 선택하고 기준 색상에 #ff6600, 색상 수에 4를 입력한 뒤 생성 동작을 실행합니다.

지원되는 보색 유형과 유효한 개수 4를 사용하면 결과에는 앞에 #이 붙은 소문자 6자리 16진수 색상값 4개가 포함됩니다.

제한 사항

• 색상 수 입력은 정수로 변환되고 3에서 12 사이로 제한되므로, 범위를 벗어난 값이나 숫자로 바뀌지 않는 값은 입력 그대로 반영되지 않을 수 있습니다.

자주 발생하는 오류

• 기준 색상 표기가 해석되지 않으면 색상 대신 오류 표시가 반환될 수 있습니다. #이 포함된 유효한 16진수 표기로 다시 입력해 기준 색상을 확인하세요.

자주 묻는 질문

기준 색상과 다른 입력을 생략해도 되나요?

입력을 비워 두면 기준 색상에는 #3498db, 팔레트 유형에는 단색, 색상 수에는 5가 적용됩니다. 세 입력을 모두 생략하는 경우에도 이 기본 설정으로 생성이 진행됩니다.

색상은 몇 개까지 만들 수 있나요?

입력값은 정수로 변환된 뒤 3에서 12 사이로 조정됩니다. 숫자로 변환할 수 없는 값은 5로 처리되므로, 입력한 숫자가 그대로 결과 수가 된다고 보기는 어렵습니다.

같은 설정으로 다시 생성하면 결과가 같나요?

무작위 유형에서는 달라질 수 있습니다. 이 유형이 색조, 채도, 명도를 무작위로 정하기 때문에 같은 기준 색상과 설정을 다시 사용해도 다른 색상 조합이 나올 수 있습니다.