색상 팔레트 생성기

보색, 유사색, 삼각 배색, 사각 배색, 분할 보색 등 주요 색상 이론 기반 배색을 모두 지원합니다.

네, 각 색상의 HEX, RGB 코드를 복사하거나 팔레트 이미지를 다운로드할 수 있습니다.

실제로 눈에 띄는 색은 서너 가지면 충분합니다. 흔히 쓰는 60-30-10 규칙은 배경에 60%, 보조 색에 30%, 강조 색에 10%를 배분하라는 뜻으로, 강조 색이 좁게 쓰일수록 버튼과 링크가 더 잘 보입니다. 여기에 본문 글자용 짙은 회색과 테두리용 옅은 회색을 더하면 대부분의 화면이 완성됩니다. 색이 다섯 가지를 넘어가면 어느 것이 중요한지 사용자가 판단하기 어려워집니다.

그 색을 기준으로 유사색 조합을 먼저 만들어 보세요. 색상환에서 양옆으로 30도 안쪽에 있는 색들은 서로 부딪히지 않아 배경과 보조 요소에 쓰기 좋습니다. 강조가 필요한 버튼에는 반대편에 있는 보색을 조금만 쓰면 눈길이 정확히 그리로 모입니다. 다크 모드까지 고려한다면 같은 색상을 유지한 채 채도를 낮추고 밝기를 올린 변형을 미리 만들어 두세요.