조화로운 5색 팔레트를 한 번에 생성하세요——랜덤·보색·유사색·삼각 배색·단색 중에서 고를 수 있습니다. 마음에 드는 색은 잠그고 나머지만 다시 섞고, HEX 코드를 클릭해 복사하고, 멋진 팔레트 카드도 내보낼 수 있습니다. 브라우저만으로, 즉시 생성.
컬러 팔레트 생성기
사용 방법
배색 방식 선택
「랜덤·보색·유사색·삼각 배색·단색」 중에서 고르세요. 각각 색 조화 규칙으로, 다섯 색 사이의 관계를 결정합니다.
「생성」을 누르거나 스페이스바
누를 때마다 새로운 조화 배색이 만들어집니다. 마음에 안 들면 다시 누르거나, 스페이스바로 빠르게 다시 섞으세요.
잠금 + 복사
마음에 드는 색이 있나요? 그 색의 🔓를 눌러 잠그면 다음 생성 때도 그대로 유지됩니다. HEX 값(예: #E8622A)을 클릭하면 바로 복사되어 디자인에 붙여넣을 수 있습니다.
카드 저장 또는 공유
「팔레트 저장」으로 다섯 색을 HEX 값과 함께 이미지로 저장하거나, 「공유」로 동료·친구에게 보내고, PDF로도 내보낼 수 있습니다.
컬러 팔레트 생성기: 색채 이론으로 몇 초 만에 좋은 색을
디자인에서 색을 고르는 일은 흔히 막히는 단계입니다. 한 색만 보면 괜찮은데, 다섯 색을 모아놓으면 「따로 논다」. 이 생성기는 색 조화 뒤에 있는 규칙을 버튼 하나로 만들었습니다——아무 색 다섯 개를 던져주는 게 아니라, 색상환의 기하학에 따라 「본래 어울리는」 한 묶음을 구성합니다. 여러분은 마음에 드는 색을 고르고, 잠그고, 복사해 디자인에 바로 가져가기만 하면 됩니다.
다섯 가지 방식, 다섯 가지 관계
가장 많이 쓰이는 조화 규칙을 담았고, 각각 색상환 위의 한 가지 관계입니다. 단색——같은 색상에서 명도만 바꾸는, 가장 안전하고 시간을 타지 않는 배색. 유사색——색상환에서 이웃한 색들, 부드럽고 자연스러워 하나의 풍경 속 색 같은. 보색——색상환에서 정반대인 두 색, 대비가 강하고 시선을 끄는. 삼각 배색——등간격의 세 색, 선명하면서도 균형 잡힌. 랜덤——명도 폭은 지키되 색상은 풀어놓아 뜻밖의 영감을. 방식을 바꾸면 관계 전체가 함께 바뀝니다.
"좋은 배색은 끌어모은 것이 아니라, 관계로 배열된 것이다."
HEX란 무엇이고, 왜 어디서나 쓰일까
각 색 아래의 #E8622A 같은 문자열이 그 색의 HEX 코드입니다——웹, 디자인 소프트웨어, 거의 모든 디지털 도구에서 통용되는 색의 「신분증」. # 뒤에 16진수 여섯 자리가 붙어 빨강·초록·파랑 세 채널의 세기를 나타냅니다. 클릭해 복사한 뒤 CSS·Figma·슬라이드에 붙여넣으면 색이 정확히 일치합니다. 이 도구가 생성하는 모든 색에는 HEX가 따라와 바로 쓸 수 있습니다.
대비에 관한 한마디
예쁜 것을 넘어, 배색은 실제로 쓸 수 있어야 합니다. 글자와 배경 사이에는 충분한 대비가 있어야 내용이 읽힙니다(접근성 표준 WCAG는 본문에 최소 4.5:1을 권장). 카드의 HEX 라벨은 각 색의 밝기에 따라 검은 글자와 흰 글자를 자동으로 바꿔 가독성을 지킵니다——이 색을 글자나 배경으로 쓸 때는 대비를 꼭 확인하세요. 도구 전체가 브라우저 안에서 즉시 동작하며 아무것도 업로드하지 않습니다.
색과 배색에 관한 10가지 사실
HEX 코드는 빨강·초록·파랑을 16진수로 표현하며 각 채널은 00–FF(0–255)——이론상 약 1,677만 가지 색을 나타낼 수 있습니다.
색상환의 개념은 뉴턴까지 거슬러 올라갑니다. 1666년 그는 스펙트럼의 양 끝을 이어 원으로 만들었고, 이것이 최초의 색상환이자 오늘날 「색상」의 토대가 되었습니다.
보색(색상환에서 정반대인 두 색)을 함께 두면 대비가 가장 강해, 스포츠 팀이나 경고 표지에 자주 쓰입니다. 다만 넓은 면적에 쓰면 가장 눈에 거슬리기도 합니다.
디자인에서는 흔히 「60-30-10」 법칙을 씁니다. 주색 60%, 보조색 30%, 강조색 10%——통일감을 유지하면서도 초점이 있는 배색이 됩니다.
사람의 눈은 초록에 가장 민감하며, 그래서 휘도 공식에서 초록의 가중치가 가장 높고(약 0.72) 빨강(0.21)과 파랑(0.07)을 크게 웃돕니다.
단색 배색(같은 색상에서 명도만 변화)은 거의 실패하지 않아, 절제되고 고급스러운 느낌의 브랜드와 인터페이스에서 선호됩니다.
접근성 표준 WCAG는 저시력 사용자를 위해 본문과 배경의 대비를 최소 4.5:1(큰 글자는 3:1)로 요구합니다.
색에는 강한 문화적·정서적 의미가 있습니다. 같은 빨강도 한 문화에서는 경사, 다른 문화에서는 경고——배색은 장식만이 아니라 소통입니다.
화면은 RGB(빛의 가산 혼합)를, 인쇄는 CMYK(잉크의 감산 혼합)를 씁니다. 같은 HEX라도 화면과 종이에서 조금 다르게 보일 수 있습니다.
이 도구는 HSL(색상-채도-명도)로 배색을 생성합니다. 「색상 각도」로 돌리는 방식이 보색·삼각 같은 조화를 표현하는 가장 직관적인 방법이기 때문입니다.
자주 묻는 질문
-
각 색 아래에 HEX 코드(예: #E8622A)가 표시됩니다. 클릭해 복사한 뒤 CSS·Figma·Photoshop·슬라이드 등 HEX를 받는 곳에 붙여넣으면 색이 정확히 일치합니다. 팔레트 카드 이미지를 참고용으로 저장할 수도 있습니다.
-
각각 색상환의 서로 다른 기하 관계에 대응합니다. 단색=같은 색상에서 명도만 변화(가장 무난), 유사색=인접한 색상(부드러움), 보색=정반대 색상(대비 강함), 삼각=균등 간격의 세 색(선명하고 균형), 랜덤=색상은 자유롭되 명도 범위는 일정. 모드를 바꾸면 배색 전체의 관계가 달라집니다.
-
색 위의 🔓를 누르면 그 색이 잠깁니다. 다음에 「생성」을 누르면 잠긴 색은 그대로 두고 잠기지 않은 색만 바뀝니다. 마음에 드는 색 한두 개를 남겨 두고 나머지만 여러 번 다시 섞어 전체를 다듬을 수 있어요.
-
네. 「생성」할 때마다 시작 색을 랜덤으로 고른 뒤, 선택한 모드에 따라 조화로운 한 벌을 만들어 냅니다. 랜덤인 것은 시작점뿐이고, 색 사이의 관계는 늘 색채 이론을 따르므로 결과는 어수선하지 않고 늘 어우러집니다.
-
이 도구가 접근성을 자동으로 보장하지는 않습니다. 각 색의 명암에 맞춰 라벨이 읽히도록 검은 글자나 흰 글자를 자동으로 고르지만, 색을 글자나 배경에 쓸 때는 대비를 직접 확인하세요(WCAG는 본문에 최소 4.5:1을 권장). 보색처럼 대비가 큰 모드가 대체로 더 안전합니다.
-
지금은: 「생성」을 계속 누르다가 원하는 색에 가까운 것이 나오면 🔒로 잠그고, 나머지를 그 색을 중심으로 다시 섞으세요. 「기준 색을 직접 입력」하는 기능도 검토 중입니다.
-
고해상도 PNG 이미지로, 다섯 가지 색과 각 HEX 값이 함께 들어갑니다. 공유나 보관에 좋고 PDF로도 내보낼 수 있어요. 이미지는 모두 기기 안에서 생성되며 서버를 거치지 않습니다.
-
완전 무료, 가입 불필요, 생성 횟수 무제한입니다. 모든 것이 브라우저 안에서 돌아가므로 마음껏 다시 섞어도 빠르고 비공개로 쓸 수 있어요.
-
모두 같은 색을 다르게 표기한 것입니다. RGB는 빨강·초록·파랑을 0–255의 세 숫자로 나타내고, HEX는 그 RGB를 16진수로 쓴 것(#RRGGBB)이며, HSL은 색상·채도·명도로 표현해 사람의 직관에 가깝습니다. 이 도구는 내부에서 HSL로 조화를 도출하고, 마지막에 범용 HEX로 출력합니다.
-
아니요. 모든 팔레트는 브라우저 안에서 즉시 생성되며, 서버로 전송되거나 URL에 기록되거나 어떤 정보도 수집되지 않습니다. 페이지를 새로 고치면 처음부터 다시 시작합니다. RECATOOLS는 무저장·무추적을 지킵니다.
Related News
You may be interested in these recent stories from our newsroom.
No related news yet for this tool. Our editorial team publishes new pieces every week.
Browse all news →Pick up where you left off
Stored only in this browser — never sent to our servers.