어떤 도구인가요
색 하나를 고르는 일은 어렵지 않습니다. 어려운 것은 서로 어울리는 네 가지 색을 고르는 일입니다. 이 도구는 기준 색 하나에서 출발해 함께 쓸 색들을 계산해 줍니다.
디자이너들이 오래 사용해 온 조화 규칙을 그대로 씁니다. 보색, 유사색, 삼색, 분할 보색, 사색, 단색 조합을 지원합니다. 각 규칙은 색상환을 정해진 방식으로 이동하기 때문에, 결과가 서로 부딪히지 않고 자연스럽게 이어집니다.
어디에 쓰면 좋은가요
- 브랜드 색이 이미 정해져 있을 때 웹사이트의 강조 색을 고를 때.
- 서로 구별되면서도 한 세트처럼 보이는 차트 색을 정할 때.
- 로고 색에서 출발해 발표 자료의 색 테마를 만들 때.
- 단색 조합으로 버튼, 마우스 올림 상태, 테두리에 쓸 명도 단계를 찾을 때.
- 페인트나 인쇄를 결정하기 전에 공간, 포스터, 일러스트의 색 구성을 잡아 볼 때.
사용 방법
기준 색 칸에 헥스 코드를 입력하거나, 옆에 있는 색 사각형을 눌러 눈으로 직접 고르세요. #0b8 처럼 세 자리로 줄여 쓴 값도 인식하며, 앞의 샵 기호는 생략할 수 있습니다.
그다음 조화 규칙을 선택하세요. 팔레트가 곧바로 갱신되며, 각 색의 헥스 코드와 기준 색에서 얼마나 떨어져 있는지를 함께 보여 줍니다.
색상 견본 아래 버튼으로 한 가지 색만 복사할 수 있고, 팔레트 위쪽 버튼으로 전체 목록을 한 번에 복사할 수 있습니다. 기준 색 영역에는 RGB와 HSL 값도 표시되므로, 다른 형식의 입력란에 붙여 넣어야 할 때 편리합니다.
자주 묻는 질문
어떤 조화 규칙을 골라야 하나요? 보색은 대비가 가장 강해서 주요 색 위에 올리는 강조 색으로 알맞습니다. 유사색과 단색 조합은 차분한 편이라 배경과 표면에 잘 맞습니다. 삼색과 사색은 변화의 폭이 커서, 여러 항목을 서로 구분해야 할 때 도움이 됩니다.
입력한 색이 외부로 전송되나요? 전송되지 않습니다. 모든 계산은 화면 안에서 이루어지며, 어떤 값도 업로드하거나 저장하지 않습니다.
단색 조합에서 기준 색이 가운데에 오는 이유는 무엇인가요? 단색 조합은 색상은 그대로 두고 명도만 바꿉니다. 두 단계 어둡게, 두 단계 밝게 만들기 때문에 기준 색이 가운데에 놓이며, 양쪽 방향을 한눈에 비교할 수 있습니다.
이 색들을 본문 글자에 바로 써도 괜찮을까요? 그렇지는 않습니다. 조화 규칙은 색들의 관계를 설명할 뿐, 읽기 쉬운 정도까지 보장하지는 않습니다. 글자와 배경으로 쓸 조합은 공개하기 전에 명도 대비를 따로 확인하시기 바랍니다.