색상 생성
새 랜덤 색상을 눌러 세 개의 RGB 채널 값을 안전하게 만드세요.
랜덤 색상
평소에는 고르지 않았을 색상을 발견하세요.
새로운 색상을 만들고 자주 사용하는 코드 형식을 복사하며 밝은 글자와 어두운 글자 중 무엇이 잘 보이는지 확인하세요.
HEX
한 번 눌러 새로운 색상을 만나보세요.
새 랜덤 색상
색상은 현재 브라우저 탭에서 생성됩니다.
HEX
#7162E8RGB
rgb(113, 98, 232)HSL
hsl(247, 74%, 65%)최근 색상
최근 팔레트가 여기에 표시됩니다.
색상은 현재 브라우저 탭에서 생성됩니다.
랜덤 색상 생성기 사용 방법
버튼을 누를 때마다 RGB 색상 하나를 만들고 대응하는 HEX와 HSL 값을 계산합니다.
형식 확인
같은 색상을 HEX, RGB, HSL 형식으로 확인하세요.
복사하고 사용
디자인 또는 개발 도구에 필요한 형식을 복사하세요.
랜덤 색상 활용 방법
디자인 영감
익숙한 팔레트에서 벗어나 예상하지 못한 색상으로 시작하세요.
프로토타입
목업과 컴포넌트 테스트를 위한 임시 색상을 만드세요.
색상 모델 학습
같은 색상의 HEX, RGB, HSL 표현을 비교하세요.
HEX, RGB, HSL은 무엇인가요?
RGB는 빨강, 초록, 파랑 채널을 0부터 255까지 나타냅니다. HEX는 같은 값을 CSS에서 자주 사용하는 여섯 자리 16진수로 표현합니다.
HSL은 색상, 채도, 명도를 나타냅니다. 색을 얼마나 선명하거나 밝게 만들지 조정할 때 더 직관적일 수 있습니다.
자주 묻는 질문
색상 코드를 복사할 수 있나요?
네. HEX, RGB, HSL 중 원하는 값을 한 번에 복사할 수 있습니다.
모든 RGB 색상이 나올 수 있나요?
네. 각 채널은 서로 독립적으로 0부터 255까지의 정수가 될 수 있습니다.
글자 색상 추천은 어떻게 만드나요?
상대 휘도를 계산해 기본 대비가 더 강한 흰색 또는 어두운 글자를 추천합니다.
접근성 기준을 보장하나요?
아니요. 실제 글자 크기, 굵기, UI 상태를 필요한 대비 기준에 맞춰 별도로 검사하세요.