랜덤 색상 생성기이란?
HEX, RGB, HSL 값이 포함된 랜덤 색상을 생성하세요. 마음에 드는 색상을 잠그고 나머지를 다시 생성한 뒤, 클릭 한 번으로 색상 코드를 복사할 수 있습니다.
스페이스바(또는 생성 버튼)를 누르면 페이지가 새로운 한 줄의 랜덤 컬러로 바뀌며 각 색상의 이름과 HEX·RGB·HSL 값을 함께 보여줍니다. 슬라이더를 움직이면 팔레트가 단일 강조색부터 최대 여덟 색까지 늘어납니다. 스타일 선택을 파스텔·비비드·다크·어스로 바꿔 무작위성을 특정 무드 쪽으로 끌어가거나, 조화 규칙(보색·유사색·트라이어드·테트라드)을 골라 색이 단독으로 흩어지지 않고 색채 이론으로 묶이도록 만들 수 있습니다. 마음에 드는 색은 자물쇠 아이콘으로 잠그고 나머지를 다시 굴리세요. 어느 코드든 한 번의 클릭으로 클립보드에 들어가고, 팔레트 전체는 일반 텍스트 파일이나 공유하기 좋은 PNG 이미지로 내려받을 수 있습니다. 코드가 필요하다면 한 번 누르는 것으로 전체를 :root 안의 CSS 사용자 지정 속성 블록으로 복사하고, 다른 버튼으로는 붙여 넣는 어디서든 이 팔레트를 그대로 다시 여는 링크를 복사할 수 있습니다. 각 색상 아래의 밝게·어둡게 띠를 열면 더 밝은 다섯 단계와 더 어두운 다섯 단계를 얻어 호버 상태, 테두리, 은은한 배경에 쓸 수 있습니다.
사용 방법
- 원하는 색상 수를 정하고(1~8개, 기본 5개) 생성을 클릭해 팔레트를 채우세요.
- 유지하고 싶은 색상을 잠근 후 다시 생성하면 나머지 슬롯이 채워집니다.
- 아무 색상 코드(HEX, RGB, HSL)를 클릭하면 클립보드에 복사됩니다.
사용 시기
- 빈 Figma 파일을 멍하니 바라보며 컬러 방향이 전혀 안 잡힐 때, 사고의 진흙을 털어내는 용도.
- 사이드 프로젝트, 브레인스토밍 문서, 아이와의 미술 활동처럼 무엇이든 무작위 톤이면 충분한 상황.
- 배너·SNS 카드·잠금화면처럼 일회성 그래픽에 쓸 HEX를 ‘올해의 색’ 목록을 뒤지지 않고 즉석에서 뽑을 때.
결과
웹 디자이너가 새 프로젝트의 포인트 색상이 필요합니다. 팔레트를 생성하다가 #E8674A(따뜻한 코랄)를 찾고 잠근 뒤, 보색을 찾기 위해 계속 생성합니다.
자주 묻는 질문
- 색은 실제로 어떻게 뽑히나요?
- 기본 모드인 랜덤+전체에서는 빨강·초록·파랑 각 채널이 0~255 범위에서 새 정수를 받으므로 약 1,670만 가지 RGB 조합 중 어느 것이든 나올 수 있습니다. ‘예쁜 색’으로의 의도적 편향은 없습니다. 스타일(파스텔·비비드·다크·어스)을 고르면 도구가 그 무드의 색상·채도·명도 범위 안에서 난수를 다시 굴립니다. 조화 모드는 랜덤한 베이스 색을 하나 정하고, 나머지를 색상환 위의 색채 이론적 오프셋으로부터 끌어냅니다.
- 왜 무작위 팔레트가 종종 칙칙해 보이나요?
- RGB 균등 무작위는 중간 회색·둔탁한 중간 톤이 많이 등장합니다. 큐브의 부피 대부분이 그 영역에 있기 때문이죠. 가장 빠른 해결책은 스타일 선택을 전체에서 비비드나 파스텔로 바꾸는 것입니다. 정해진 색상·채도·명도 범위 안에서만 표본을 뽑기 때문에 흐릿한 중간이 아예 나오지 않습니다. 잘 나온 색만 고정하고 나머지를 두세 번 다시 굴리는 방법으로도 대비가 분명한 다섯 색 조합을 만들 수 있습니다.
- 마음에 드는 색은 두고 나머지만 다시 만들 수 있나요?
- 가능합니다. 원하는 스와치의 자물쇠 아이콘을 누르고 생성 버튼을 누르세요. 고정된 색은 그대로 있고 나머지만 다시 뽑힙니다. 메인 색을 정한 뒤 보조색을 탐색할 때 가장 빠른 방법입니다.
- HEX, RGB, HSL의 차이는 무엇인가요?
- HEX(#1A2B3C)는 RGB를 16진수로 짧게 표기한 것으로 CSS와 디자인 도구에서 가장 흔합니다. RGB(rgb(26,43,60))는 세 채널을 10진수로 적습니다. HSL(hsl(210,40%,17%))은 색상·채도·명도로 표현해 손으로 미세 조정하기 직관적입니다.
- 정말 무작위인가요, 시드를 쓰나요?
- 탭 내부의 JavaScript Math.random을 사용합니다. 엄밀히 말하면 의사난수지만, 디자인 용도에서는 진짜 무작위와 구분되지 않습니다. 페이지를 새로고침하면 매번 완전히 새로운 팔레트가 나옵니다.