랜덤 색상 생성기
무작위 RGB, 제한 RGB 또는 HSL 모드로 색상을 생성하고 HEX, RGB, HSL 값을 확인하세요. 브라우저에서 안전하게 작동합니다. 처리는 브라우저에서…
사용 시작
랜덤 색상 생성기의 특징
랜덤 색상 생성기는 디자인 작업에서 빠르게 색상 아이디어를 얻거나, 특정 채널을 고정한 상태에서 색상 변형을 탐색할 때 유용합니다.
작동 방식
각 미고정 채널은 crypto.getRandomValues를 사용하여 균등 분포로 생성됩니다. RGB 채널은 0~255, HSL 채도와 명도는 0~100, 색상은 0~360 범위를 가집니다. 고정된 채널은 입력된 값이 해당 범위로 클램프된 후 유지됩니다.
예시
제한 RGB 모드에서 R=200을 고정하고 G와 B를 무작위로 생성하면, 예를 들어 rgb(200, 100, 50)과 같은 결과가 나올 수 있습니다. 이는 HEX로 #C86432, HSL로 hsl(20, 60%, 49%)로 표시됩니다.
제한 사항
이 도구는 숫자 기반 sRGB 색상을 생성하며, 명명된 색상, 접근 가능한 대비 쌍, 인쇄용 CMYK 값, Pantone 매칭 또는 팔레트를 제공하지 않습니다. 유사하거나 반복된 결과가 발생할 수 있습니다.
자주 묻는 질문
Q1: 생성된 색상이 항상 고유한가요?
아니요, 무작위 생성이므로 동일한 색상이 반복될 수 있습니다. 특히 제한 모드에서 고정 채널이 많을수록 가능한 조합이 줄어듭니다.
Q2: 색상 생성이 브라우저에서만 이루어지나요?
네, 모든 생성 과정은 브라우저에서 로컬로 실행됩니다. 색상이 서버로 전송되지 않습니다.
Q3: 생성된 색상을 웹 접근성에 사용할 수 있나요?
이 도구는 대비를 고려하지 않습니다. 텍스트나 UI 요소에 사용하기 전에 WCAG 대비 비율을 별도로 확인해야 합니다.
체크리스트
- 모드를 선택하세요.
- 제한할 채널 값을 입력하고 체크하세요.
- 생성 버튼을 클릭하세요.
- 결과 값을 확인하세요.
- 필요시 색상 컨트롤로 조정하세요.
- 대비가 필요한 경우 WCAG 검사를 수행하세요.
처리는 브라우저에서 로컬로 수행됩니다.