랜덤 팔레트 생성기

COLOR PALETTE GENERATOR

랜덤 팔레트 생성기

색상 개수를 고르고 새 팔레트를 만들면 HEX와 RGB 값을 바로 복사할 수 있습니다.

현재 설정 5색 팔레트 Space 키 생성 지원

생성 조건

색상 수와 공유 동작을 한 줄 기준선에 맞춰 배치했습니다.

생성 개수 팔레트 작업

팔레트는 URL과 브라우저 히스토리에 저장됩니다. 색상 카드를 누르면 HEX 코드가 복사됩니다.

생성된 팔레트

아직 생성 전입니다. 버튼이나 Space 키로 시작하세요.

0개

새 팔레트를 만들면 이 영역에 색상 카드와 HEX/RGB 값이 표시됩니다.

히스토리 (0/50)

최근 생성한 조합을 다시 불러옵니다.

아직 생성된 팔레트가 없습니다

빠른 사용법

긴 설명은 본문으로 넘기고, 툴 안에는 바로 쓰는 동작만 남겼습니다.

생성버튼 또는 Space 키
색상 복사카드를 클릭하거나 Enter
공유현재 URL에 색상 포함
저장브라우저 로컬 히스토리

랜덤 팔레트 가이드

무작위 색 조합을 만들고 HEX·RGB 값을 바로 확인합니다

랜덤 팔레트 생성기는 색상 개수를 고른 뒤 독립적인 무작위 RGB 값으로 새 팔레트를 만듭니다. 결과 카드에는 웹에서 바로 쓰기 좋은 HEX 코드와 RGB 값이 함께 표시되고, 색상 카드·공유·URL 복사·히스토리 기능으로 지금 만든 조합을 다시 확인할 수 있습니다.

화면에서는 개수 선택, 생성, 복사 순서로 쓰면 됩니다

이 도구는 계산 버튼을 기다리는 실시간 계산기가 아니라, 새 조합을 보고 싶을 때마다 직접 생성하는 팔레트 도구입니다. 현재 화면 흐름은 색상 개수 선택에서 시작해 결과 카드 복사와 공유로 끝납니다.

생성 개수에서 3개부터 15개 사이의 색상 수를 고릅니다. 한 화면에서 비교할 색이 많을수록 팔레트 영역은 길게 이어집니다.
새 팔레트 생성을 누르거나 페이지 포커스가 일반 영역에 있을 때 Space 키를 누르면 새 색상 조합이 만들어집니다.
색상 카드를 누르면 해당 HEX 코드가 복사됩니다. 카드 안의 RGB 값은 CSS나 디자인 툴에서 같은 색을 확인할 때 함께 보면 됩니다.
공유 또는 URL 복사는 현재 팔레트를 주소에 담아 둡니다. 최근 조합은 히스토리에 최대 50개까지 남고, 전체 삭제로 비울 수 있습니다.

HEX는 붙여넣기용, RGB는 색을 읽는 보조값입니다

HEX는 `#13743E`처럼 빨강·초록·파랑 값을 16진수로 붙인 웹 색상 표기입니다. RGB는 같은 색을 `RGB(19, 116, 62)`처럼 0부터 255 사이의 세 숫자로 풀어 보여 줍니다.

색상 개수

한 번에 만들 색상 카드 수입니다. 3개처럼 짧은 팔레트는 포인트 색을 고르기 좋고, 10개 이상은 후보를 넓게 볼 때 맞습니다.

HEX 코드

웹 CSS, 피그마, 이미지 편집 도구에 바로 붙여넣기 쉬운 값입니다. 카드 클릭 복사는 이 HEX 값을 기준으로 합니다.

RGB 값

같은 색을 숫자 세 개로 확인하는 값입니다. 색이 너무 어두운지, 특정 채널이 강한지 가늠할 때 보조로 볼 수 있습니다.

히스토리

최근 만든 팔레트를 현재 브라우저에 저장합니다. 계정 동기화가 아니라 같은 기기·브라우저 기준의 임시 작업 기록입니다.

색상은 조화 규칙이 아니라 무작위 RGB 값으로 생성됩니다

현재 도구는 특정 색상 이론에 맞춰 보정하지 않습니다. 각 색상은 빨강, 초록, 파랑 채널을 독립적인 난수 값으로 만든 뒤 HEX와 RGB 표기로 바꿔 보여 줍니다. 그래서 결과가 예쁘게 정렬된 조합일 수도 있고, 일부러 거친 대비를 가진 조합일 수도 있습니다.

CSS Color Module — HEX notation웹 색상에서 `#RRGGBB` 형식이 어떤 값을 뜻하는지 확인할 때 참고합니다. MDN Web Crypto getRandomValues브라우저에서 난수 byte를 채우는 API 동작을 확인할 때 참고합니다.

예시 팔레트는 색상 형식과 공유 흐름을 확인하는 용도입니다

예를 들어 5개 팔레트를 만들면 결과 영역에는 `#13743E`, `#0BE813`처럼 각 카드의 HEX 코드가 보이고, 아래에는 `RGB(19, 116, 62)`처럼 같은 색의 RGB 값이 표시됩니다. 이 예시는 고정 결과가 아니라 표시 형식을 설명하기 위한 샘플입니다.

입력생성 개수 5개

짧은 웹 배너나 카드 UI에 쓸 후보 색을 빠르게 봅니다.

결과HEX + RGB 카드

마음에 드는 카드를 누르면 HEX 코드 하나가 복사됩니다.

보관URL·히스토리

현재 조합은 URL로 공유하고, 최근 조합은 히스토리에서 다시 불러옵니다.

랜덤 결과는 완성 팔레트가 아니라 후보 목록입니다

최종 배색으로 쓰기 전에는 배경과 글자 대비, 브랜드 색과의 충돌, 색각 이상 사용자를 위한 구분 가능성을 따로 확인하는 것이 좋습니다.

랜덤 팔레트라서 마음에 드는 조합만 골라 쓰는 과정이 필요합니다

무작위 생성은 색의 조화를 보장하지 않습니다. 일부 조합은 강하게 튀거나 서로 너무 비슷할 수 있습니다.
URL에 담긴 색상은 현재 조합을 다시 여는 용도입니다. 히스토리는 브라우저 저장소에 남으므로 다른 기기에서는 이어지지 않을 수 있습니다.
복사되는 값은 HEX 코드입니다. RGB가 필요한 작업에서는 카드 안의 RGB 값을 직접 확인해 옮기면 됩니다.
공유 전에는 팔레트 수가 의도한 개수인지 확인하세요. 15개처럼 많은 조합은 히스토리 영역에서 세로로 길게 쌓입니다.

자주 묻는 질문

같은 버튼을 누르면 이전과 완전히 다른 팔레트가 나오나요?

일반적으로 새 난수로 다시 생성되므로 이전 조합과 달라집니다. 다만 무작위 값이라 우연히 일부 색이 비슷하게 나올 수는 있습니다.

이 도구가 조화로운 색상만 골라 주나요?

아닙니다. 현재 도구는 조화 규칙을 적용하지 않고 무작위 RGB 값만 만듭니다. 그래서 의외의 조합을 찾는 데 좋지만, 최종 배색은 사용자가 고르는 과정이 필요합니다.

히스토리는 어디까지 저장되나요?

최근 생성한 팔레트가 현재 브라우저에 최대 50개까지 저장됩니다. 공용 PC나 여러 기기를 오가며 쓸 때는 URL 복사를 함께 사용하는 편이 안전합니다.

HEX와 RGB 중 어떤 값을 써야 하나요?

웹 CSS나 디자인 도구에 붙여넣을 때는 HEX가 편합니다. RGB는 색을 숫자로 풀어 보거나 다른 색상 형식으로 바꿀 때 확인용으로 보면 됩니다.

Space 키로 생성되지 않을 때는 왜 그런가요?

입력 요소나 버튼에 포커스가 있을 때는 Space 키가 해당 컨트롤 조작으로 쓰일 수 있어 팔레트 생성이 막힙니다. 페이지의 일반 영역을 한 번 누른 뒤 다시 Space 키를 사용하세요.