랜덤 색상 생성기

랜덤 색상

24비트 sRGB 범위에서 랜덤 HEX 색상 코드를 새로 생성합니다. 필요한 색상 견본 수를 선택하고 각 색상을 즉시 미리 본 다음, CSS, 디자인 메모, QA fixture 또는 팔레트 실험에 코드를 복사하세요.

랜덤 HEX 색상을 생성하는 방법

  1. 1

    개수 선택

    검토할 색상 견본 수에 맞춰 1부터 50까지 원하는 숫자를 입력합니다.

  2. 2

    색상 견본 생성

    각 결과는 #RRGGBB 형식의 6자리 HEX 코드이며, 빨강, 초록, 파랑 채널 값을 따로 담고 있습니다.

  3. 3

    복사하고 확인

    마음에 드는 색상을 저장하고, 텍스트와 함께 쓰기 전에 대비를 확인하세요. RGB나 HSL 변환은 작업 흐름에 필요할 때만 사용하면 됩니다.

이 생성기가 만드는 것

각 코드는 24비트 sRGB 색상을 나타냅니다. 빨강 8비트, 초록 8비트, 파랑 8비트로 구성되며 #000000부터 #FFFFFF까지 16,777,216개의 HEX 값이 가능합니다. 이 도구는 색상 견본과 코드를 보여 주며, 색상 이름 판별, 순위 매기기, 가독성 보장은 하지 않습니다.

HEX 색상 읽기

부분 의미 범위
# CSS 색상 표시 고정 접두사
RR 빨강 채널 00부터 FF
GG 초록 채널 00부터 FF
BB 파랑 채널 00부터 FF

실용적인 활용

  • 최종 색상이 정해지기 전 UI 상태, 차트 강조색, 임시 이미지를 빠르게 시도합니다.
  • 시작용 팔레트를 만든 뒤 너무 비슷하거나 어둡거나 강한 색을 덜어냅니다.
  • CSS, SVG, canvas, 디자인 시스템 예시에 넣을 테스트 데이터를 만듭니다.

랜덤 색상을 실제 서비스에 쓰기 전에

랜덤 색상은 출발점일 뿐입니다. 텍스트, 버튼, 컨트롤에 사용할 때는 전경색 또는 배경색과의 대비를 확인하세요. WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트에 3:1의 명암 대비를 요구합니다. 브랜드나 인쇄 작업에서는 보정된 화면에서 검토하고 인쇄용 변환은 별도로 진행하세요.

자주 묻는 질문

랜덤 HEX는 모든 채널 값을 대상으로 하므로 완성된 팔레트처럼 보이지 않는 결과도 많이 나옵니다. 더 많이 생성한 뒤 사용 목적에 맞는 대비와 채도를 가진 견본만 남기세요.

이 도구는 독립적인 랜덤 색상을 만듭니다. 더 통일된 팔레트가 필요하다면 팔레트 생성기를 쓰거나, 한 가지 hue 계열 안에서 밝고 어두운 변형을 직접 고르세요.

이 도구에는 seed 제어가 없습니다. 나중에 다시 쓰고 싶은 HEX 코드는 복사해 보관하세요.

네. 6자리 #RRGGBB HEX 값은 표준 CSS 색상 문법이며 color, background-color, border, gradient, SVG fill 등에 사용할 수 있습니다.

대비 확인 없이는 안 됩니다. 특히 작은 글자나 가는 서체의 배경으로 쓸 때 랜덤 견본은 WCAG 대비 요구 사항을 쉽게 충족하지 못할 수 있습니다.

관련 도구