색 조합(팔레트) 쉽게 정하는 법: 감각 없이도 어울리는 색 고르기

썸네일이나 카드뉴스를 만들 때 가장 막막한 순간이 색을 고를 때입니다. 색을 여러 개 쓰면 촌스러워지고, 그렇다고 한 색만 쓰면 밋밋합니다. 다행히 색 조합은 타고난 감각이 아니라 몇 가지 원칙으로 충분히 해결됩니다. 감각이 없어도 어울리는 색을 고르는 법을 단계별로 정리했습니다.

색은 3개면 충분합니다

초보가 가장 많이 하는 실수가 색을 너무 많이 쓰는 것입니다. 색이 많아질수록 통일감이 깨지고 산만해집니다. 기본 구조는 단 세 가지입니다.

• 메인 색 — 전체 분위기를 좌우하는 주인공 색
• 보조 색 — 메인과 어울리며 받쳐주는 색
• 강조 색 — 버튼·핵심 글자처럼 시선을 끌 곳에만 쓰는 색

이 3색 구조만 지켜도 어지간해선 촌스러워지지 않습니다.

60-30-10 법칙

세 색을 어떤 비율로 쓰느냐도 중요합니다. 디자인에서 흔히 쓰는 기준이 60-30-10 법칙입니다. 화면의 60%는 메인(주로 배경), 30%는 보조, 10%는 강조 색으로 채우는 것이죠. 강조 색을 딱 10%만 쓰는 게 핵심입니다. 눈에 띄어야 할 색을 아껴 써야, 정작 강조하고 싶은 곳에서 힘을 발휘합니다.

어울리는 색은 도구가 골라줍니다

조합이 막막하다면 색 팔레트 도구를 쓰면 됩니다. 색 하나만 정하면 어울리는 나머지 색을 자동으로 추천해 줍니다.

도구	특징
Coolors	스페이스바로 팔레트 자동 생성, 가장 인기
Adobe Color	색상환 기반, 보색·유사색 등 규칙별 조합
Khroma	취향을 학습해 맞춤 색 추천

색상환에서 **마주 보는 색(보색)**은 강한 대비를, **이웃한 색(유사색)**은 부드러운 조화를 줍니다. 강조가 필요하면 보색을, 차분한 느낌이면 유사색을 고르면 됩니다.

이미지에서 색을 뽑아도 됩니다

마음에 드는 사진이나 레퍼런스가 있다면, 거기서 색을 추출해 팔레트로 삼는 것도 좋은 방법입니다. 사진 속 색은 이미 자연스럽게 어울리는 조합이라 실패가 적습니다. 마음에 든 색의 코드를 뽑는 방법은 색상 코드(HEX) 추출하는 법을 참고하세요.

팁: 색을 정했다면 글자 가독성을 꼭 확인하세요. 아무리 예쁜 조합이라도 배경과 글자색의 명도 차이가 작으면 안 읽힙니다. 밝은 배경엔 어두운 글자, 어두운 배경엔 밝은 글자가 기본입니다.

마무리

색 조합은 감각의 영역이 아니라 3색 구조 + 60-30-10 비율 + 도구 활용의 영역입니다. 메인 색 하나만 정하고 나머지는 도구에 맡기세요. 거기에 글자 가독성만 챙기면, 감각이 없어도 충분히 보기 좋은 결과를 만들 수 있습니다.