색상 팔레트 생성기

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

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

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

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

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

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

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

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

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

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