색상환이란?
색상환은 색을 원 둘레에 배치한 도표예요. 가까이 있는 색은 서로 비슷하고, 반대편에 있는 색은 가장 달라요.
17세기에 아이작 뉴턴이 초기 색상환 중 하나를 그렸어요. 그 뒤로 예술가와 디자이너들이 색을 이해하고 조합하는 데 써 왔어요.
주요 모델은 두 가지예요. 그림에서 쓰는 전통적인 모델과 화면에서 쓰는 디지털 모델이에요.
전통적인 RYB 모델(그림)
학교에서 배우는 모델이에요. 빨강(Red), 노랑(Yellow), 파랑(Blue)의 앞 글자를 따서 RYB라고 해요.
- 1차색: 빨간색, 노란색, 파란색. 다른 색을 섞어서는 만들 수 없어요.
- 2차색: 주황색(빨강 + 노랑), 초록색(노랑 + 파랑), 보라색(파랑 + 빨강).
- 3차색: 1차색과 그 옆의 2차색을 섞은 색이에요. 빨강 주황, 노랑 주황, 노랑 초록, 청록, 남보라, 빨강 보라가 있어요.
전통적인 색상환은 모두 12가지 색으로 되어 있어요. 그림, 일러스트, 색 조합을 이해하는 데 유용해요.
디지털 RGB 모델(화면)
화면은 빛으로 색을 만들어요. 빨강(Red), 초록(Green), 파랑(Blue) 세 가지 빛을 섞기 때문에 RGB 모델이라고 해요.
- 1차색: 빨간색, 초록색, 파란색.
- 2차색: 노란색(빨강 + 초록), 시안(초록 + 파랑), 마젠타(파랑 + 빨강).
- 세 가지 빛을 모두 최대로 더하면 흰색이 되고, 빛이 없으면 검은색이 돼요.
#FF0000 같은 HEX 코드는 RGB 색을 나타내요. 그래서 웹과 앱 디자인의 표준이에요.
인쇄에는 시안, 마젠타, 노랑, 검정으로 이루어진 CMYK라는 다른 모델을 써요. 인쇄소에서 쓰는 방식이에요.
실제로 색 조합 규칙은 두 모델에서 비슷하게 작동해요. 달라지는 건 어떤 색이 반대편에 오는지예요. 예를 들어 RYB에서 빨간색의 보색은 초록색이지만, RGB에서는 시안이에요.
따뜻한 색과 차가운 색
색상환을 반으로 나누면 두 그룹이 생겨요.
- 따뜻한 색: 빨간색, 주황색, 노란색. 에너지, 친근함, 움직임을 전해요. 보는 사람 쪽으로 다가오는 것처럼 보여요.
- 차가운 색: 초록색, 파란색, 보라색. 평온함, 거리감, 질서를 전해요. 뒤로 물러나는 것처럼 보여요.
한 가지 색 안에도 온도가 있어요. 파란 기가 도는 차가운 빨강도 있고, 갈색 기가 도는 따뜻한 회색도 있어요.
유용한 팁: 배경과 넓은 면에는 차가운 색을, 강조하고 싶은 부분에는 따뜻한 색을 쓰세요.
색 조합 규칙
색 조합 규칙은 색상환에서 색의 위치를 바탕으로 한 조합이에요. 균형 잡힌 팔레트를 빠르게 만드는 지름길이에요. 색상 조화 도구에서 직접 해 보세요.
보색
색상환에서 서로 반대편에 있는 두 색이에요. 예를 들어 파란색과 주황색이에요.
대비가 가장 강해요. 버튼, 가격, 제목을 돋보이게 할 때 아주 좋아요.
활용법: 두 색을 같은 양으로 쓰지 마세요. 하나를 메인 색으로, 다른 하나를 포인트 색으로 쓰세요. 채도 높은 보색 위에 글자를 올리면 눈이 아른거리고 피로해지니 피하세요.
유사색
색상환에서 나란히 붙어 있는 세 색이에요. 예를 들어 노란색, 노랑 주황, 주황색이에요.
차분하고 자연스러운 조합이 돼요. 노을이나 숲처럼 자연에서 늘 볼 수 있는 조합이에요.
활용법: 메인 색과 보조 색을 하나씩 정하고, 세 번째 색은 디테일에 쓰세요. 대비가 부족하지 않도록 뉴트럴 색을 하나 더하세요.
삼각 배색
색상환에서 같은 간격으로 떨어진 세 색으로, 삼각형을 이뤄요. 예를 들어 빨간색, 노란색, 파란색이에요.
생기 있고 균형 잡힌 팔레트가 돼요. 아이들을 위한 디자인, 게임, 밝은 브랜드에서 인기가 많아요.
활용법: 한 색을 주로 쓰고 나머지 두 색은 적게 쓰세요. 너무 강렬하면 한두 색의 채도를 낮추세요.
분할 보색
한 색을 고르고, 정반대 색 대신 그 양옆의 두 색을 써요. 예를 들어 파란색에 빨강 주황과 노랑 주황을 더해요.
대비는 충분하면서 보색보다 긴장감이 덜해요. 처음 시작하기에 좋아요.
활용법: 기본 색을 디자인의 대부분에 쓰고, 나머지 두 색은 포인트로 쓰세요.
사각 배색
색상환에서 직사각형이나 정사각형을 이루는 네 색이에요. 보색 두 쌍과 같아요. 예를 들어 파란색, 주황색, 초록색, 빨간색이에요.
가장 풍성한 조합이지만, 균형을 맞추기도 가장 어려워요.
활용법: 메인 색 하나, 보조 색 하나, 포인트 색 두 개로 나누세요. 따뜻한 색과 차가운 색을 신중하게 섞고 뉴트럴 색을 활용하세요.
단색 배색
한 가지 색을 밝기와 채도만 바꿔서 쓰는 방법이에요. 예를 들어 여러 톤의 파란색이에요.
우아하고 통일감 있으며 쓰기 쉬워요. 기업 웹사이트와 UI에서 많이 써요.
활용법: 가장 진한 톤은 글자에, 중간 톤은 주요 요소에, 밝은 톤은 배경에 쓰세요. 무언가를 강조하려면 포인트 색을 하나만 더하세요.
색상환 활용 팁
- 색 조합 규칙으로 시작한 뒤 조금씩 다듬으세요. 규칙을 그대로 따를 필요는 없어요.
- 밝기와 채도를 조절해 강한 조합을 부드럽게 만드세요.
- 흰색, 검은색, 회색, 베이지 같은 뉴트럴 색을 꼭 더하세요.
- 모든 배경에서 글자가 잘 읽히는지 확인하세요.