컬러 팔레트

색상환 도구

색상환 위의 점을 끌어서 색을 고르세요. 배색 종류별로 그 색과 어울리는 색이 바로 나와요.

점을 끌거나 색상환을 누르세요

이 배색의 색

색을 누르면 HEX 코드가 복사돼요.

색상환이란?

색을 색상 순서대로 원 모양으로 늘어놓은 거예요. 이웃한 색은 비슷하고, 마주 보는 색은 대비가 강해요. 디자인, 인테리어, 패션에서 실패 없는 배색을 고를 때 도움이 돼요.

1차색, 2차색, 3차색

화면의 1차색은 빨강, 초록, 파랑(RGB)이에요. 1차색 두 가지를 섞으면 2차색인 노랑, 시안, 마젠타가 돼요. 3차색은 1차색과 2차색 사이에 있는 색으로 주황이나 보라 같은 색이에요. 물감에서는 빨강, 노랑, 파랑의 전통적인 모델을 써요.

따뜻한 색과 차가운 색

따뜻한 색은 빨강부터 노랑까지로, 활기와 친근함을 줘요. 차가운 색은 초록부터 보라까지로, 차분함과 거리감을 줘요. 따뜻한 색 하나에 차가운 색 몇 가지를, 또는 그 반대로 조합하면 균형을 지키면서 생기가 살아나요.

배색 종류

보색

색상환에서 마주 보는 두 색이에요. 가장 강한 대비를 만들어요. 예: 파랑 #2B6CB0과 주황 #DD8A2B. 눈에 띄어야 하는 버튼에 딱이에요.

유사색

나란히 있는 세 색이에요. 차분하고 조화로운 느낌을 줘요. 예: 초록, 청록, 파랑. 풍경 같은 배색이에요.

삼각 배색

같은 간격으로 놓인 세 색이에요. 선명하면서도 균형이 잡혀 있어요. 예: 어린이 그림책의 빨강, 노랑, 파랑.

분할 보색

한 색과 그 보색 양옆의 두 색이에요. 대비는 있지만 보색보다 긴장감이 덜해요. 예: 보라에 연두와 주황.

사각 배색

직사각형이나 정사각형을 이루는 네 색이에요. 변화가 풍부한 배색이에요. 한 색을 주인공으로 두고 나머지는 포인트로 쓰세요.

자주 묻는 질문

색상환은 어떻게 쓰나요?

점을 끌거나 HEX 코드를 입력해 기본 색을 고르세요. 그다음 배색 종류를 고르고 아래에 나온 색을 복사하세요.

색상환에서 어떤 색끼리 어울리나요?

마주 보는 색(보색)은 대비를 만들고, 이웃한 색(유사색)은 자연스럽게 어우러지고, 삼각형을 이루는 색(삼각 배색)은 균형 있게 어울려요.

왜 빨강이 맨 위에 있나요?

가장 널리 쓰이는 규칙이라서예요. 색상 0°가 빨강이고, 그다음 노랑, 초록, 시안, 파랑, 마젠타 순서로 한 바퀴 돌아요.

이 색을 Canva나 CSS에서 쓸 수 있나요?

네. 각 색의 HEX 코드는 한 번만 눌러도 복사돼요. 팔레트 생성기에서 열면 배색을 내보낼 수도 있어요.

다른 가이드와 도구