컬러 생성기
팔레트 시스템 // v1.0
범위: 1-10
입력 대기 중...
이 도구가 도움이 되는 방식
RandomHub은 한 번에 1~10개 색을 만들고 각 색상의 HEX, RGB, HSL을 표시합니다. 여섯 조화 규칙은 랜덤, 단색, 유사색, 보색, 삼색, 사색이며, 여섯 톤은 모두, 파스텔, 비비드, 뮤트, 다크, 라이트입니다. 조화 규칙은 색상 사이의 관계를 정하고, 톤은 채도와 명도 범위를 좁힙니다. 같은 설정으로 다시 생성하면 조건을 유지한 새 팔레트를 뽑고, 설정을 바꾸면 색 공간의 다른 영역을 탐색합니다. 화면의 색상명은 RGB 거리로 찾은 가장 가까운 색을 나타내는 근사 라벨일 뿐 정확한 색상 규격이 아닙니다. 구현과 전달에는 HEX, RGB, HSL 수치를 기준으로 사용해야 합니다.
여섯 가지 조화 규칙
여섯 가지 톤
세 가지 복사 형식
편향을 피한 정수 추출
랜덤 컬러 생성기란?
RandomHub은 한 번에 1~10개 색을 만들고 각 색상의 HEX, RGB, HSL을 표시합니다. 여섯 조화 규칙은 랜덤, 단색, 유사색, 보색, 삼색, 사색이며, 여섯 톤은 모두, 파스텔, 비비드, 뮤트, 다크, 라이트입니다. 조화 규칙은 색상 사이의 관계를 정하고, 톤은 채도와 명도 범위를 좁힙니다. 같은 설정으로 다시 생성하면 조건을 유지한 새 팔레트를 뽑고, 설정을 바꾸면 색 공간의 다른 영역을 탐색합니다. 화면의 색상명은 RGB 거리로 찾은 가장 가까운 색을 나타내는 근사 라벨일 뿐 정확한 색상 규격이 아닙니다. 구현과 전달에는 HEX, RGB, HSL 수치를 기준으로 사용해야 합니다.
누구에게 유용한가요?
제품·브랜드 디자이너
대비, 접근성, 브랜드 적합성을 다듬기 전에 시각적 방향을 넓게 탐색합니다.
프런트엔드 개발자
임시 색상을 만들고 정확한 값을 CSS, 디자인 토큰, 프로토타입에 옮깁니다.
데이터 시각화 팀
서로 떨어진 색상으로 시작한 뒤 실제 차트에서 가독성과 의미를 검증합니다.
설정이 실제로 하는 일
여섯 가지 조화 규칙
랜덤은 독립 색상을 뽑습니다. 단색은 한 색상을 유지하고, 유사색은 80° 범위, 보색은 180° 반대색, 삼색과 사색은 등간격의 세 가지 또는 네 가지 색상을 순환합니다.
여섯 가지 톤
모두는 채도와 명도를 제한하지 않습니다. 파스텔, 비비드, 뮤트, 다크, 라이트는 서로 다른 HSL 범위를 적용합니다.
세 가지 복사 형식
각 결과에 HEX, RGB, HSL이 있으며 개별 값이나 전체 팔레트의 여러 줄 텍스트를 복사할 수 있습니다.
편향을 피한 정수 추출
색상 선택은 Web Crypto getRandomValues와 rejection sampling을 사용해 Uint32 범위를 단순 나머지 연산으로 줄일 때 생기는 편향을 피합니다.
실용적인 시작점
인터페이스 방향 탐색
유사색·파스텔 5개로 차분한 방향을 만든 뒤 텍스트 대비를 확인합니다.
설정: 5색 · 유사색 · 파스텔. HEX를 탐색용 토큰 세트에 복사합니다.
에너지 높은 콘셉트
비비드 삼색 3개로 익숙한 브랜드 팔레트에서 탐색 범위를 벗어납니다.
설정: 3색 · 삼색 · 비비드. 완성된 아이덴티티가 아니라 방향으로 사용합니다.
차트 범주
사색 팔레트로 초안을 만든 뒤 가독성, 색각 다양성, 의미 순서를 검토합니다.
설정: 4색 · 사색 · 모두. 색상 간격만 보지 말고 실제 차트를 검증합니다.
사용 방법
- 1.
개수 선택
1~10 사이의 정수를 입력합니다.
- 2.
조화 선택
원하는 색상 간 거리와 관계에 맞춰 여섯 규칙 중 하나를 고릅니다.
- 3.
톤 선택
모두를 유지하거나 파스텔, 비비드, 뮤트, 다크, 라이트를 선택합니다.
- 4.
생성 및 복사
팔레트를 만든 뒤 HEX, RGB, HSL 또는 전체 여러 줄 결과를 복사합니다.
자주 묻는 질문
랜덤 값은 어디에서 오나요?
Web Crypto getRandomValues를 사용합니다. 정수 범위에는 rejection sampling을 적용해 단순 나머지 연산의 분포 편향을 피합니다.
조화 규칙은 어떻게 계산하나요?
유사색은 기준 색상에서 −40°~+40°(±40°), 보색은 180° 차이, 삼색은 120° 간격, 사색은 90° 간격입니다. 단색은 한 색상 안에서 명도를 바꿉니다.
톤은 무엇을 제한하나요?
파스텔, 비비드, 뮤트, 다크, 라이트는 각기 다른 채도·명도 범위를 사용하며, 모두는 전체 범위를 사용합니다.
표시되는 색상명이 정확한 표준명인가요?
아닙니다. RGB 거리로 찾은 가장 가까운 이름을 표시 언어로 바꾼 근사값입니다. 정확한 값은 HEX, RGB, HSL을 사용하세요.
왜 세 가지 형식을 보여 주나요?
HEX는 전달하기 간결하고, RGB는 화면 채널 값에 대응하며, HSL은 색상·채도·명도를 따로 조절하기 쉽습니다.
조화 규칙이 접근성을 보장하나요?
아닙니다. 색상 관계만으로 읽기 쉬운 대비나 색각 접근성이 보장되지 않습니다. 최종 화면과 차트에서 검사해야 합니다.
랜덤 방향에서 디자인 판단으로
생성 팔레트는 완성도보다 선택지의 폭이 중요한 초기 단계에서 가장 유용합니다. RandomHub은 개수, 조화, 톤, 정확한 수치, 근사 색상명을 보여 줍니다. 조화 규칙은 색상 사이의 기하학적 관계를 설명할 뿐, 본문·강조·경고·배경에 어떤 색을 배치할지는 정하지 않습니다. 실제 화면이나 차트에서 역할을 배정한 뒤, 예정된 글자 크기와 상호작용 상태마다 대비와 다양한 색각에서의 구분 가능성을 확인해야 합니다. 구현 기준은 HEX, RGB, HSL이며 근사 이름은 읽기 보조 수단입니다. 브랜드 의미, 인쇄나 기기별 재현, 시각적 위계 역시 최종 사용 맥락에서 별도로 판단해야 합니다.
관련 랜덤 도구
관련 랜덤 도구
수업, 게임, 글쓰기, 계획, 빠른 결정을 위한 관련 도구를 이어서 사용하세요.