색상 팔레트 생성기

보색은 색상환에서 정반대에 있는 색입니다. 대비가 가장 강해서 눈에 잘 띄지만, 넓은 면적에 반반씩 쓰면 부담스럽습니다. 한 색을 바탕으로 깔고 다른 색은 강조에만 쓰는 편이 낫습니다.

유사색은 색상환에서 이웃한 색들입니다. 자연스럽고 편안하지만 대비가 약해서 밋밋해지기 쉽습니다. 명도 차이로 구조를 만들어야 합니다.

삼색조는 색상환을 삼등분한 세 색입니다. 활기차고 균형이 잡히지만 셋 다 강해서 하나를 주인공으로 정해야 합니다.

단색조는 하나의 색에서 밝기와 채도만 바꾼 것입니다. 통일감이 가장 강하고 실패할 확률이 낮습니다. 대신 심심해지기 쉬워 강조색 하나를 따로 두는 경우가 많습니다.

분할 보색은 보색을 쓰되 정반대(180도)가 아니라 그 양옆(150도와 210도)을 씁니다. 보색만큼 눈에 띄면서 정면 충돌은 피하기 때문에, 보색이 부담스러울 때 대신 쓰는 자리입니다. 세 색이라 하나를 바탕, 하나를 보조, 하나를 강조로 나누기도 좋습니다.

4색 조화는 색상환을 넷으로 나눕니다. 보색 쌍이 두 개 들어 있는 셈이라 가장 화려하지만 가장 다루기 어렵습니다. 넷을 고르게 쓰면 거의 반드시 산만해지므로, 하나를 주인공으로 정하고 나머지는 면적을 크게 줄이세요.

유사색은 좌우가 대칭이 아닙니다. 기준색에서 −30도, +30도, +60도를 뽑으므로 기준색이 한쪽으로 치우쳐 있습니다. 한 방향으로 흘러가는 느낌을 만들려는 것이고, 기준색을 가운데 두고 싶다면 기준색을 +30도 쪽으로 옮겨 잡으면 됩니다.

팔레트가 다섯 색이라고 다섯을 똑같이 쓰라는 뜻이 아닙니다. 오히려 균등하게 쓰면 대부분 산만해집니다.

널리 쓰이는 배분이 60·30·10입니다. 바탕에 60%, 보조에 30%, 강조에 10%를 씁니다. 강조색은 적게 쓸수록 강해집니다. 화면 곳곳에 뿌리면 그건 더 이상 강조가 아닙니다.

화면 설계라면 여기에 회색 계열이 더 필요합니다. 실제 화면의 대부분은 배경, 선, 본문 글자 같은 무채색이고, 팔레트의 색은 그 위에 얹히는 것입니다.

각 색 위에 표시되는 코드의 글자색은 검정과 흰색 중 실제로 대비가 큰 쪽입니다. 밝기 평균으로 어림잡지 않습니다.

이 구분이 실제로 차이를 만듭니다. 밝은 초록 같은 색에서는 두 방식의 답이 갈리는데, 잘못 고르면 대비가 2:1도 안 되어 코드가 거의 안 보입니다. 올바로 고르면 같은 색에서 10:1이 넘습니다.

다만 이건 코드 표시용 판단이고, 실제 화면에 쓸 때는 대비 검사 도구로 조합을 따로 확인하세요. 팔레트에서 예뻐 보이는 조합이 본문 글자로는 못 쓰는 경우가 많습니다.