색조합, 어떻게 하면 실패하지 않을까요?
주인공 색을 하나 정하고, 바탕 60%, 보조 30%, 포인트 10%로 나눠 쓰면 대부분 실패하지 않아요. 함께 쓰는 색은 밝기와 진하기(톤)를 비슷하게 맞추고, 자신이 없으면 무채색에 색 하나만 더하세요.
1. 주인공 색을 하나 정하세요
색조합이 어지러워 보이는 가장 흔한 이유는 모든 색이 똑같이 눈에 띄려고 하기 때문이에요. 먼저 ‘이 디자인은 무슨 색’이라고 한 단어로 말할 수 있는 주인공 색을 하나 고르세요. 브랜드 색이 있다면 그게 주인공이고, 없다면 전하고 싶은 분위기에 맞는 색 하나면 충분해요. 예를 들어 맑고 시원한 느낌이라면 하늘색을 주인공으로 둘 수 있어요: 하늘색 #4FBADE.
2. 60-30-10으로 나눠 쓰세요
색을 고른 다음에는 얼마나 넓게 쓸지를 정해요. 가장 널리 쓰이는 출발점은 바탕 60%, 보조 30%, 포인트 10%예요. 바탕은 밝은 색이나 무채색, 보조는 주인공 색, 포인트는 버튼이나 아이콘처럼 눈길이 꼭 가야 하는 곳에만 써요.
이 세 색은 주간 팔레트 ‘늦가을 감나무’에서 가져왔어요. 같은 색이라도 비율을 바꾸면 전혀 다른 인상이 돼요. 감색을 바탕에 깔면 훨씬 뜨겁고 시끄러워지죠.
3. 밝기와 진하기(톤)를 맞추세요
색상이 달라도 밝기와 진하기가 비슷하면 서로 잘 어울려요. 연한 색은 연한 색끼리, 진한 색은 진한 색끼리 묶는 거예요. 아래 세 색은 분홍, 파랑, 초록으로 서로 다르지만 모두 흰색을 많이 섞은 듯한 부드러운 톤이라 함께 써도 편안해요.
반대로 연한 색들 사이에 아주 진한 색 하나가 끼면 그 색이 튀어 보여요. 일부러 강조하려는 게 아니라면 톤이 다른 색은 포인트 한 곳에만 쓰세요. 연한 톤에 대해서는 파스텔톤 가이드에 더 자세히 정리했어요.
4. 자신이 없으면 무채색 + 한 색
흰색, 회색, 검은색 같은 무채색은 어떤 색과도 부딪치지 않아요. 무채색으로 화면이나 지면을 채우고 선명한 색 하나만 더하는 것이 가장 실패가 적은 색조합이에요.
5. 자연과 사진에서 빌려 오세요
노을, 단풍, 바닷가처럼 이미 보기 좋은 장면에는 색이 알맞은 비율로 들어 있어요. 마음에 드는 사진이 있다면 사진에서 색 뽑기로 대표 색을 꺼내 보세요. 매주 하나씩 올리는 주간 팔레트도 모두 이런 장면에서 출발했어요.
마지막으로: 글자가 읽히는지 확인
색조합이 아무리 예뻐도 글자가 안 읽히면 소용없어요. 바탕과 글자 사이의 대비가 4.5:1 이상인지 확인하세요. 자세한 기준은 명도 대비 가이드에 있어요. 색이름 사전에서 색을 고르면 그 색의 보색, 어울리는 배색 다섯 가지, 다섯 색 팔레트까지 한 번에 볼 수 있어요.
자주 묻는 질문
- 색은 몇 가지까지 쓰는 게 좋나요?
- 처음이라면 무채색을 빼고 두세 가지가 편해요. 네 가지를 넘기면 어느 색이 중요한지 흐려지기 쉬워요.
- 60-30-10은 꼭 지켜야 하나요?
- 정답이 아니라 출발점이에요. 넓게 쓸 색과 조금 쓸 색을 나눈다는 생각만 지켜도 충분해요.
- 어울리는 색을 바로 찾는 방법이 있나요?
- 색이름 사전에서 색을 고르면 그 색의 보색, 어울리는 배색 다섯 가지, 다섯 색 팔레트를 함께 보여 드려요.