컬러 생성기

팔레트 시스템 // v1.0

설정

색상 수

범위: 1-10

조화 규칙

톤

출력_버퍼

입력 대기 중...

랜덤 컬러 생성기란?

랜덤 컬러 생성기는 화면이 표현할 수 있는 수백만 개 색 중에서 한 색 — 또는 짜임새 있는 팔레트 — 를 골라, 실제로 쓸 수 있는 값으로 바로 건네주는 도구입니다. RandomHub은 한 번 클릭에 1~10개 색을 돌려주고, 다섯 가지 색채 이론 규칙(모노크로매틱, 유사, 보색, 삼색, 사색, 그리고 순수 랜덤)을 적용해 선택한 톤(파스텔/비비드/뮤트/다크/라이트/제한 없음) 쪽으로 결과를 끌어옵니다. 각 색마다 HEX, RGB, HSL 형식이 한꺼번에 따라옵니다. 모든 작업은 브라우저 안에서 끝납니다 — 가입 없음, 업로드 없음, 로그 없음.

누구에게 맞는 도구인가

🎨

UI / 프로덕트 디자이너

스테이크홀더 리뷰 직전, 늘 같은 여섯 가지 브랜드 컬러에서 벗어나 분위기를 빠르게 탐색하고 싶을 때. 명상 앱에는 파스텔+유사색, 키즈 제품에는 비비드+삼색, 개발자 도구에는 다크+사색.

🧭

브랜드 아이덴티티 디자이너

브랜드 스프린트 광역 탐색 단계에서 보색이나 사색 조합을 수십 가지 빠르게 흘려보내기. "결국 또 네이비로 수렴하는" 굴레를 끊어 줍니다.

💻

프런트엔드 개발자

CSS 데모나 Tailwind 설정에 들어갈 임시 색이 세 개 필요할 때. 클릭 한 번으로 HEX 복사 — Figma 안 열고도 다음 단계로 넘어갑니다.

🖌️

일러스트레이터·디지털 페인터

제한 컬러 연습용 팔레트를 만들기. 차분한 유사색 다섯 개는 색상 대비가 아닌 명도 대비로 화면을 짜는 훈련을 시킵니다.

📊

데이터 시각화 작업자

삼색·사색은 카테고리 인코딩에 쓸 수 있도록 수학적으로 거리가 떨어진 색상을 줍니다. 그 위에 톤을 더해 — 강조 레이어는 비비드, 컨텍스트 레이어는 뮤트로.

🏫

디자인 학생·교수자

색채 규칙을 직접 돌려 보기. 삼색을 한번, 사색을 한번, 모노크로매틱을 한번 — 같은 기준 색상이 규칙에 따라 얼마나 다른 인상을 주는지 바로 보입니다.

이 컬러 생성기를 쓰는 이유

실제 색채 이론에 기반한 다섯 규칙

"안 부딪히는 다섯 색을 대충 뽑아서"가 아닙니다. 모노크로매틱, 유사, 보색, 삼색, 사색 — 디자인 학교에서 가르치는 수식 그대로 기준 색상에서 산출합니다.

실제 브리프와 맞아떨어지는 톤 프리셋

웰니스·교육에는 파스텔, 스포츠·청소년에는 비비드, 에디토리얼·금융에는 뮤트, 테크·럭셔리에는 다크, 헬스케어·SaaS에는 라이트. 분위기를 고르면 그 동네 색이 나옵니다.

HEX·RGB·HSL을 함께

한 행에 세 형식의 복사 버튼이 각각 붙어 있습니다. CSS에서 채도 미세 조정에는 HSL이 가장 편하고, 디자이너 핸드오프엔 HEX, 코드 작성엔 RGB가 어울립니다. 색이 갈 곳에 맞춰 형식을 고르세요.

브라우저 안에서 끝, 기록 없음

페이지가 HSL 수식으로 로컬에서 바로 색을 만듭니다. 팔레트 저장 없음, 이메일 수집 없음, 유료 등급 없음. 누가 들어와도 같은 도구를 봅니다.

대표 시나리오와 예시

웰니스 앱 무드 보드

명상 앱에 쓸 팔레트가 필요한 상황. 자극적인 색은 어울리지 않습니다. 유사색+파스텔로 5색을 뽑으면 서로에게 스며드는 부드러운 그린·블루가 옵니다.

설정: 5색 / 유사 / 파스텔. 예시 결과: #C8E1D2, #B6D8C7, #A4CFBC, #92C6B1, #80BDA6 — 채도 낮은 그린 묶음이 1분 안에 Figma 프레임으로 들어갑니다.

에너지 드링크 리브랜딩 탐색

브랜드 스프린트 3주차, 시야가 빨강-노랑 조합 주변에서 못 벗어남. 삼색+비비드로 4색을 뽑아 새로운 영역으로 강제로 밀어냅니다.

설정: 4색 / 삼색 / 비비드. 색상 간격 120°, 높은 채도 — 빨강-노랑에서 빠져나와 마젠타·시안·앰버 조합으로 시야가 옮겨갑니다.

Tailwind CSS 프로토타입

라이트 모드 데모 페이지에 쓸 액센트 색이 필요한 상황. 밝고 채도 낮은 3색을 만들고 HEX를 그대로 설정에 붙입니다.

설정: 3색 / 랜덤 / 라이트. 출력 예: #E8DCD0, #D4E0DD, #DCD8E8. tailwind.config에 accent-50, accent-100, accent-200으로 넣으면 페이지가 바로 데모 가능 상태가 됩니다.

제한 컬러 회화 훈련

화가·일러스트레이터는 강제된 한계 안에서 자랍니다. 뮤트 5색을 뽑고, 같은 정물을 그 색만으로 다시 그립니다.

설정: 5색 / 랜덤 / 뮤트. 색마다 채도 30 % 부근, 명도는 중간대 — 먼지처럼 차분하게 어우러진 묶음으로, 색상이 아닌 명도로 화면을 구성하게 만듭니다.

사용 방법

1.
개수 정하기
1~10. 5개가 무난한 기본값 — 구성에 필요한 다양성은 충분하고, 외우기에도 부담이 없습니다.
2.
조화 규칙 고르기
자유 탐색은 랜덤, 가까운 조합은 유사, 강한 대비는 보색, 카테고리 팔레트는 삼색·사색, 명도 습작은 모노크로매틱.
3.
톤 고르기
파스텔, 비비드, 뮤트, 다크, 라이트, 또는 "제한 없음". 각 프리셋은 채도와 명도의 폭을 좁혀 팔레트가 특정 분위기에 안착하게 합니다.
4.
생성 후 복사
생성 버튼이나 Enter. 색마다 HEX·RGB·HSL 복사 버튼이 따로 있습니다. "모두 복사"는 팔레트 전체를 여러 줄 텍스트로 가져옵니다 — Figma, 코드, 메모에 그대로 붙일 수 있습니다.

자주 묻는 질문

팔레트가 정말 랜덤인가요? 미리 만들어 둔 목록에서 뽑는 건가요?

진짜 랜덤입니다. 팔레트마다 0~360°의 기준 색상을 뽑고, 조화 규칙을 적용한 뒤 선택한 톤의 채도·명도 범위 안에서 표본을 추출합니다. 같은 설정으로 두 번 돌리면 결과가 다릅니다 — 구조는 같지만 구체값은 매번 달라집니다.

다섯 조화 규칙은 어떻게 다른가요?

모노크로매틱은 한 색상을 명도로 변주합니다. 유사는 색상환에서 가까운 이웃(±25° 가량). 보색은 180° 떨어진 두 색. 삼색은 120° 간격의 세 색. 사색은 90° 간격의 네 색. 같은 기준 색상이라도 규칙별로 인상이 완전히 달라집니다.

톤 프리셋의 실제 동작은 어떤가요?

각 프리셋은 채도(S)와 명도(L)를 제한합니다. 파스텔: S 25~55 %, L 78~92 %. 비비드: S 85~100 %, L 42~58 %. 뮤트: S 15~40 %, L 40~60 %. 다크: S 40~95 %, L 12~32 %. 라이트: S 30~70 %, L 70~88 %.

마음에 드는 팔레트를 저장하거나 공유할 수 있나요?

"모두 복사"를 누르면 한 줄에 HEX · RGB · HSL이 들어간 일반 텍스트로 가져갈 수 있습니다. Figma, 메모 앱, 문서, Slack 스레드 어디든 바로 붙입니다. 계정에 묶이는 저장 기능은 의도적으로 두지 않았습니다 — 어떤 데이터도 브라우저 밖으로 나가지 않습니다.

HEX와 RGB만으로 충분하지 않나요? 왜 HSL도 같이 주나요?

HSL은 색상·채도·명도를 세 개의 독립 값으로 보여 줍니다. CSS나 디자인 툴에서 "채도를 10 % 높이기" 또는 "색상을 30° 따뜻하게" 같은 미세 조정을 할 때 가장 편한 형식입니다. HEX는 핸드오프에 짧고, RGB는 화면이 색을 실제로 그리는 방식에 가깝습니다.

이 팔레트들을 상업용으로 써도 되나요?

Coolors나 Adobe Color와는 어떻게 다른가요?

Coolors와 Adobe Color는 라이브러리 저장, 그레이디언트 생성, 이미지 색 추출, 커뮤니티 공유까지 갖춘 성숙한 도구입니다. RandomHub은 한 가지 일에 집중합니다 — 규칙 기반 랜덤 팔레트를 빠르게 뽑고, HEX / RGB / HSL을 그대로 건네는 일. 가입 없음, 라이브러리 없음, 업셀 없음.

왜 최대 10개까지인가요?

7~8개를 넘기면 대부분의 조화 규칙이 시각적으로 비슷한 결과를 내기 시작합니다 — 눈이 더 이상 팔레트로 구분하지 못하는 영역이지요. 10은 그 경계 안에 머무는 넉넉한 상한입니다.

디자인 속 랜덤 팔레트에 대해

디자이너는 이 분야가 생긴 시점부터 랜덤을 창작 입력으로 써 왔습니다. 바우하우스의 "세 가지 색을 나란히 두고 어떻게든 어울리게 만들라"는 과제는 결국 같은 메커니즘입니다 — 제약과 의외성이 첫 반사 너머로 머리를 밀어냅니다. 화면이 등장하면서 달라진 점은, 조화 규칙을 즉시 계산할 수 있다는 것입니다. 1965년에 먼셀 색상환으로 30분 걸리던 삼색 팔레트가 2026년에는 클릭 한 번이면 나옵니다. 핵심은 그 속도입니다. 처음 뽑은 팔레트가 그대로 출시되는 일은 거의 없고, 가치는 5분 동안 스무 개를 굴려 보고 어느 조합이 살아남는지 알아채는 그 흐름 자체에 있습니다. RandomHub은 세 가지 결정에 집중합니다 — 조화 규칙은 "다섯 색 대충"이 아닌 실제 색채 이론에 뿌리를 두고, 톤은 막연한 카테고리가 아닌 실제 디자인 브리프와 맞물리며, HSL/HEX/RGB는 같이 떨어져서 손으로 변환할 일을 없앱니다. 자주 쓰는 규칙이나 톤이 빠져 있다면 그건 의미 있는 신호입니다 — 알려 주세요.