무작위 수치 생성기

단계 1 / 4 Random colors

개수 세기

전체 24비트 RGB 색상 공간에서 무작위 색상을 선택한 후, 그 색상이 큰 색표로 표시되며 옆에 일반적인 표현 방식들이 함께 나타납니다: 헥사드시밀( Hex: #a3e1b4), RGB(rgb(163, 225, 180)), HSL, 그리고 일치하는 경우 CSS 명명된 색상의 백보드 값도 함께 표시됩니다. 다시 색표를 클릭하면 동일한 색상이 재생산됩니다.

무작위 색상을 생성하는 방법

1

생성을 클릭하세요

세 개의 무작위 바이트(0–255)가 각각 R, G, B 채널로 사용됩니다.
2

모든 형식을 읽기

Hex, RGB, HSL, HSV 모두 표시됩니다. 스타일리스트에서 사용하는 값을 복사하세요.
3

원하신다면 잠그세요.

결과가 원하는 값에 가까운 경우, 색조를 유지하고 밝기와 포화도만 재조정하기 위해 ‘색조 잠금’을 활성화하세요.

색상 공간

이 발전기는 24비트 RGB 방식을 사용하여 총 16,777,216가지의 색상을 표현할 수 있습니다. 이는 모니터가 표시할 수 있는 색상 범위와 동일하지만, 일부 색값은 구분하기 어려운 어두운 색조나 색소 퇴색된 영역에 해당합니다.

각 형식이 동일한 색상을 어떻게 표현하는지

형식	문법	채널당 바이트 수
헥스	`#RRGGBB`	8비트
RGB	`rgb(R, G, B)`	8비트
HSL	`hsl(H, S%, L%)`	유도형
HSV	`hsv(H, S%, V%)`	유도형
OKLCH	`oklch(L C h)`	지각적으로 균일합니다

왜 순수한 무작위가 혼란스러워 보일 수 있는가

균일한 랜덤 RGB 색상은 밝고 생동감 있는 색보다는 지각적으로 어두우며 포화도가 낮은 색상에 더 자주 나타납니다. 더욱 강렬한 결과를 원한다면 HSL을 사용하여 재생산하면서 포화도를 60% 이상, 밝기를 45%에서 65% 사이로 고정하세요. 이렇게 하면 진한 흐릿한 색이 아니라 마치 잡지 표지처럼 선명하고 생동감 있는 색상을 얻을 수 있습니다.

접근성

생성된 색상을 흰색 또는 검은색 텍스트와 함께 조합하여 사용할 때는 버튼 배경으로 사용하기 전에 WCAG의 대비 비율을 확인해야 합니다. 본체 텍스트의 경우 최소 대비 비율은 4.5:1이며, 큰 글자 텍스트의 경우에는 3:1입니다.

자주 묻는 질문

RGB 공간의 대부분은 어두운, 색소가 감소된 중간 영역에 위치해 있습니다. 오직 가장자리 근처의 좁은 구역만이 생동감 있는 색상을 나타냅니다. 생기 있는 결과를 얻으려면 HSL 또는 OKLCH 방식으로 제한된 색부유도 조건 하에서 생성하시기 바랍니다.

曝光할 경우 휴-록 모드를 사용하세요: 각도로 색조를 설정하면 도구가 포화도와 밝기를만 조정합니다. 브랜드 색상의 다양한 어조를 탐색하는 데 유용합니다.

현재 시드 기반 모드는 지원되지 않으며, 각 클릭마다 암호화폐용 난수 생성기(RNG)에서 독립적으로 색상이 생성됩니다. 색상을 유지하려면 헥스 코드를 복사하세요.

대략적으로 말해, 헥스 코드는 장치에 따라 달라집니다. 정밀하게 보정된 sRGB 디스플레이는 이를 정확하게 표시하지만, 저가형 노트북은 훈란색 쪽으로 조정할 수 있습니다. 인쇄용에서는 외관을 신뢰하기 전에 반드시 CMYK로 변환해야 합니다.

무작위 수치 생성기

무작위 색상을 생성하는 방법

생성을 클릭하세요

모든 형식을 읽기

원하신다면 잠그세요.

색상 공간

접근성

자주 묻는 질문

관련 도구

무작위 색상 팔레트 생성기

색상 팔레트 생성기

랜덤 문자 생성기

HEX 색상 선택기

JSON 형식화기

랜덤 이름 생성기