🎨 컬러 조합 추천: 업종별 팔레트·대비 기준·안전한 12개 세트

🎨 컬러 조합 추천: 업종별 팔레트·대비 기준·안전한 12개 세트

전단·배너·SNS·간판까지 한 번에 통하는 실제 조합과 적용 순서

⏱️ 읽는 시간 12분 🗓️ 최종 업데이트 2025-10-21 📚 근거: WCAG 2.2, Material Design, Adobe Color

목차

1. 1) 핵심 요약
2. 2) 기본 원리(RGB·CMYK·톤·명도)
3. 3) 업종별 추천 팔레트 핵심 표
4. 4) 가독성·대비(WCAG) 빠른 기준
5. 5) 감정·문화 맥락(한국 로컬 포함)
6. 6) 실전 적용 순서(60-30-10)
7. 7) 안전한 12개 컬러 세트
8. 8) 실전 점검표(출력·웹·SNS)
9. 9) FAQ
10. 10) 참고·면책

업종별 팔레트 대비 체크 12개 세트 점검표

핵심 요약

• 출력물은 CMYK, 디지털은 RGB, 간판/특수잉크는 별색(Pantone)을 고려.
• 대비비율 4.5:1(본문), 3:1(큰 글자/버튼)을 넘기면 대부분 안전.
• 색은 많아도 5±2개(기준·보조·강조·성공/경고), 배치는 60-30-10 룰.
• 업종별 추천 팔레트와 안전한 12개 세트를 바로 복사해 쓰면 시간 절약.

한 줄 결론: 대비 먼저, 색은 적게, 역할로 쓰기가 홍보물 성과를 가장 빠르게 올린다.

4.5:1

본문 텍스트 최소 대비(AA)

60–30–10

배경–보조–강조 비율

≤ 7색

5±2 팔레트 권장

2) 기본 원리(RGB·CMYK·톤·명도)

디지털 화면은 RGB(빛의 3원색), 인쇄물은 CMYK(잉크 4원색), 금/형광/특수 코팅 등은 별색(Pantone 등)을 고려합니다. 같은 색상도 색공간이 바뀌면 체감이 달라지므로, 최종 노출 매체 기준으로 팔레트를 확정하고 각 색의 RGB·HEX·CMYK·PMS 값을 함께 보관하세요.

톤·명도·채도: 색상(Hue), 밝기(Value), 선명도(Saturation) 중 명도 대비가 가독성에 가장 큰 영향을 줍니다. 강렬한 보색 대비보다 밝고 어두움의 차가 더 중요합니다.

초보 실수는 “예쁜 색을 다 넣기”입니다. 팔레트는 기준색 1 + 보조 1~2 + 중립(흰·검·회) + 상태색(성공/경고) 정도로 제한하고, 용도(제목·버튼·배경·아이콘)를 역할 중심으로 나누어 씁니다.

3) 업종별 추천 팔레트 핵심 표

업종	기준색	보조/중립	강조(CTA)	텍스트	주의(지양)
금융/보험	#0b66ff(신뢰 블루)	#eaf2ff, #f3f6f9, #dde3ea	#00b386(성장 그린)	#111(제목), #333(본문)	채도 높은 빨강 과다(불안감)
푸드/외식	#e11d48(식욕 레드)	#fff6f7, #ffe8e8, #f5f1e6	#ffb703(버튼/배지)	#1a1a1a	어두운 배경 + 어두운 글자
테크/SaaS	#4f46e5(인디고)	#eef2ff, #f8fafc, #e5e7eb	#22c55e or #0ea5e9	#0f172a	채도 과다 네온 컬러 남용
헬스/의료	#10b981(청결 그린)	#ecfdf5, #f8fafc, #e2e8f0	#0ea5e9(정보 강조)	#0b1220	빨강 과다(위험 신호 혼동)
뷰티/패션	#a855f7(프리미엄 퍼플)	#faf5ff, #f7f7f7, #e5def1	#ef4444 or #f59e0b	#111	연한 회색 글자(가독성 저하)
교육/공공	#2563eb(공신력 블루)	#eff6ff, #f9fafb, #e2e8f0	#f59e0b(포인트), #16a34a(성공)	#0f172a	컬러 다양성 부족(단조로움)

4) 가독성·대비(WCAG) 빠른 기준

본문 텍스트는 AA 기준 4.5:1, 큰 텍스트(약 24px 이상 또는 18.66px 볼드)는 3:1이면 대부분 안전합니다. 버튼/아이콘/폼 라벨도 3:1 이상을 권장합니다.

• 어두운 글자(#111~#222) + 밝은 배경(#fff~#f7f7f7)로 시작하면 실패 확률이 낮습니다.
• 색상만으로 의미 전달 금지(링크는 밑줄, 오류는 아이콘/텍스트 병기).
• 사진 위 텍스트는 반투명 오버레이(예: rgba(0,0,0,.35))를 깔고 쓰세요.

5) 감정·문화 맥락(한국 로컬 포함)

한국 로컬에서 블루=신뢰/공공, 그린=청결/친환경, 레드=세일/긴급, 퍼플=프리미엄/뷰티, 블랙=명품/강조, 옐로=주의/생동 인식이 강합니다. 계절 캠페인은 봄(파스텔), 여름(청량), 가을(어스톤), 겨울(고채도 대비)를 적절히 활용하세요.

색각다양성(CVD)을 고려해 붉은색 vs 초록색 구분에 아이콘·패턴·라벨을 함께 제공하면 접근성이 좋아집니다.

6) 실전 적용 순서(60-30-10)

1. 기준색 정하기: 브랜드 핵심 1색(로고/버튼/헤더).
2. 중립 배경: #fff~#f7f7f7, 보조 배경은 아주 옅은 톤.
3. 보조색 1–2: 카드/배지/아이콘 용. 기준색과 명도 대비 확보.
4. 상태색: 성공(#16a34a), 경고(#f59e0b), 오류(#ef4444) 고정.
5. 대비 체크: 본문 4.5:1, 버튼 3:1 이상.
6. 비율 적용: 배경 60, 보조 30, 강조 10(캠페인일수록 강조 비율 ↑).
7. 내보내기: 웹(RGB/PNG·SVG), 인쇄(CMYK·PDF/X, 300dpi), 간판(PMS/별색).

7) 안전한 12개 컬러 세트(바로 적용)

각 세트는 배경·텍스트·기준·강조 4칸입니다. HEX만 바꿔도 대부분 상황에서 통합니다.

 

 

 

 

01 공공/교육: 배경#f9fafb · 텍스트#0f172a · 기준#2563eb · 강조#22c55e

 

 

 

 

02 금융: #fff · #111 · #0b66ff · #00b386

 

 

 

 

03 푸드: #fff7f0 · #1f2937 · #e11d48 · #ffb703

 

 

 

 

04 테크: #f8fafc · #0b1220 · #4f46e5 · #0ea5e9

 

 

 

 

05 헬스: #f7fee7 · #111827 · #10b981 · #0ea5e9

 

 

 

 

06 뷰티: #fcfbfe · #18181b · #a855f7 · #ef4444

 

 

 

 

07 패밀리/교육: #fffbea · #1f2937 · #f59e0b · #16a34a

 

 

 

 

08 리테일 세일: #f6f7f8 · #0a0a0a · #e11d48 · #38bdf8

 

 

 

 

09 럭셔리/모노: #f5f5f4 · #0c0c0d · #111827 · #f43f5e

 

 

 

 

10 여행/레저: #ecfeff · #082f49 · #06b6d4 · #f59e0b

 

 

 

 

11 친환경: #f0fdf4 · #052e16 · #16a34a · #84cc16

 

 

 

 

12 공공 경고: #fef2f2 · #111827 · #ef4444 · #0ea5e9

8) 실전 점검표(출력·웹·SNS)

최종 노출 매체별 색값 관리(RGB·HEX·CMYK·PMS 모두 보관) 본문 대비 4.5:1, 버튼/라벨 3:1 이상 확인 60-30-10 비율 유지(배경·보조·강조) 사진 위 텍스트는 오버레이 추가(가독성 체크) 인쇄 전 교정쇄(Proof) 확인, 코팅/용지색 변수 점검 파일 포맷: 인쇄 PDF/X–1a, 웹 PNG/SVG, SNS 1.5~2배 해상도

9) FAQ

Q1. 색을 몇 개까지 쓰는 게 적당할까요?

기준 1, 보조 1~2, 중립(흰·검·회), 상태색(성공/경고)까지 5±2 개가 안전합니다. 많은 색보다 역할 분담이 중요합니다.

Q2. 브랜드 블루가 인쇄에서 탁해 보여요.

RGB 블루는 CMYK 변환 시 보라끼/회끼가 돌 수 있습니다. 별색(Pantone) 견본으로 교정하거나 CMYK 대체값을 별도로 지정하세요.

Q3. 사진 위 흰 글자가 안 보여요.

사진에 검은 오버레이(예: rgba(0,0,0,.35))를 깔고, 텍스트에 살짝 그림자(1px)나 반투명 배경 배지를 추가하세요.

Q4. 글로벌과 한국 현지 감성을 함께 잡으려면?

기본은 블루/그레이 중심의 글로벌 톤, 캠페인·시즌은 로컬 포인트 컬러(예: 봄 파스텔, 추석 어스톤)를 10% 범위에서 얹습니다.

Q5. 색상만 보고도 버튼인지 알게 하려면?

동일한 강조색을 버튼/링크/배지에 일관 적용하고, 모양(둥근 모서리)와 상태색(호버·활성)을 구분하세요.

10) 참고·면책

• W3C WCAG 가이드라인
• Material Design Color 시스템
• Adobe Color 휠

본 글은 일반적 디자인 지침을 제공합니다. 실제 출력·간판 환경에서는 장비/용지/코팅에 따라 색 편차가 발생할 수 있으니, 교정쇄/실물 샘플로 최종 확인하세요.

팔레트 적용 후 이미지는 이미지 용량 줄이는 법(무료 사이트), 글꼴은 무료 이미지·폰트 사이트 올인원 가이드, 아이콘은 무료 아이콘 & 일러스트 사이트 모음을 참고하세요.

↑ 맨 위로