랜덤 색상 생성

랜덤 색상 생성기 사용법

'새 색 뽑기' 버튼을 누르면 무작위 색상 하나가 생성되고, 그 색을 큰 미리보기 영역과 함께 HEX 코드(예: #3A7BD5)와 RGB 값(예: rgb(58, 123, 213))으로 보여줍니다. 미리보기 영역을 클릭하거나 Space·Enter 키를 눌러도 같은 동작을 합니다. 마음에 드는 색이 나오면 'HEX 복사' 또는 'RGB 복사' 버튼으로 값을 복사해 CSS, 디자인 툴, 문서에 바로 붙여넣으면 됩니다. 여러 번 눌러 나온 색은 아래 '최근 생성 색상' 줄에 최대 10개까지 남아 배색 후보로 다시 꺼내 쓸 수 있고, 하트 버튼으로 저장한 색은 다음 방문 때도 유지됩니다. 색상 카드를 PNG 이미지로 내려받거나, 그 색이 그대로 열리는 링크를 복사해 공유하는 것도 가능합니다. 회원가입이나 설치 없이 브라우저에서 즉시 동작합니다.

어떻게 색이 만들어지나

디지털 화면의 색은 빨강(R)·초록(G)·파랑(B) 세 채널을 섞어 표현합니다. 각 채널은 0부터 255까지의 정수 값을 가지므로, 표현 가능한 색은 256 × 256 × 256 = 약 1,677만(16,777,216)가지입니다. 이 도구는 0부터 약 1,677만 사이의 정수를 난수로 하나 뽑아 여섯 자리 16진수(#RRGGBB)로 바꾸고, 그 값을 다시 R·G·B 세 채널로 나누어 보여줍니다. 그래서 매번 어떤 색이 나올지 예측할 수 없고, 파스텔·형광·어두운 색이 특정 규칙 없이 골고루 등장합니다.

HEX 코드는 이 RGB 값을 16진수로 바꾼 표기입니다. 예를 들어 R=58, G=123, B=213이면 각각 3A, 7B, D5가 되어 #3A7BD5로 표시됩니다. HEX와 RGB는 같은 색을 다른 방식으로 적은 것이므로 어느 쪽을 복사해도 결과 색은 동일합니다.

이럴 때 쓰면 좋습니다

디자인 시안에서 "일단 색을 정해야 하는데 뭘 골라야 할지 막막할 때" 출발점을 잡는 용도로 유용합니다. 웹 개발 시 요소들을 구분하기 위한 임시 배경색, 프로토타입의 플레이스홀더 색, 테스트용 더미 데이터 색상으로도 좋습니다. 발표 슬라이드나 인포그래픽에서 포인트 컬러 아이디어가 필요할 때, 아무 제약 없이 색을 여러 번 뽑아보며 감을 잡는 데도 적합합니다.

활용 팁

생성된 색이 배경으로 쓰기엔 너무 튈 때는, 그 위에 올릴 글자색을 흰색/검정 중 대비가 큰 쪽으로 정하면 가독성이 좋아집니다. 결과 아래에 붙는 톤 배지(다크 톤·라이트 톤·포인트 컬러 등)는 R·G·B 값의 합과 채널 간 편차로 자동 분류한 참고 표시이니, 그 색의 성격을 빠르게 가늠하는 용도로 쓰면 됩니다. 여러 색을 조화롭게 쓰고 싶다면, 랜덤으로 뽑은 한 색을 기준으로 정한 뒤 나머지는 그 색을 조금씩 조정(밝기·채도)해 만드는 방식을 권합니다. HEX 값을 복사해 두면 다른 색상 편집 도구에 붙여 미세 조정하기도 쉽습니다.