랜덤 색상 생성기

기능

6~12가지 색상 생성

HEX/RGB/HSL 값

클릭해서 복사

마음에 드는 색 잠그기

사용 방법

1. 스페이스 키(또는 생성)를 누르면 스테이지가 랜덤 색상으로 채워집니다.

2. 마음에 드는 색은 잠그세요 — 잠긴 타일은 다음 생성에도 유지됩니다. 타일을 클릭하면 값이 복사됩니다.

3. 상단 바에서 값 형식(HEX / RGB / HSL / OKLCH)을 바꾸거나 전체 세트를 한 번에 복사하세요.

이 도구에 대하여

색의 방향을 가장 빨리 찾는 방법은 우연에 맡겨 보는 것일 때가 있습니다. 이 생성기는 브라우저의 암호학적으로 안전한 난수 생성기로 뽑은 3–12개의 무작위 색을 화면에 채우고, 각 색을 HEX, RGB, HSL, OKLCH 중 선택한 형식과 대략적인 색 이름으로 보여 줍니다. 스페이스 키나 생성 버튼을 누르면 다시 뽑고, 마음에 드는 칸을 고정하면 다음에 뽑을 때도 남아 있어 한 단계씩 조합을 만들 수 있습니다. 칸을 클릭하면 그 값이 복사되고, 전체 조합을 한 번에 복사할 수도 있습니다. 무작위 색은 영감, 테스트 데이터, 아바타 배경, 차트 자리 표시에 좋지만 브랜드나 인터페이스 팔레트로 쓰려면 조화를 다듬고 글자 대비를 확인한 뒤 쓰세요.

자주 묻는 질문

무작위 색은 어떻게 만들어지나요?

브라우저의 안전한 난수원인 crypto.getRandomValues에서 값을 가져오므로 1,670만 가지 24비트 RGB 색이 모두 같은 확률로 나오고 예측 가능한 패턴으로 반복되지 않습니다.

색 고정은 어떻게 작동하나요?

칸을 고정하면 다시 생성해도 그 색이 유지되고, 고정하지 않은 칸만 새 무작위 색으로 바뀝니다. 마음에 드는 색은 남겨 두고 나머지만 계속 뽑을 수 있습니다.

어떤 형식의 값을 복사해야 하나요?

HEX는 디자인 도구와 CSS에서 가장 널리 통합니다. HSL은 손으로 조정하기 쉽고, OKLCH는 최신 CSS에서 여러 색의 밝기를 일관되게 맞추고 싶을 때 유용합니다.

무작위 색으로 접근성 좋은 팔레트를 만들 수 있나요?

그것만으로는 어렵습니다. 무작위 조합은 대비가 낮은 경우가 많습니다. 출발점으로 삼고, 글자와 배경 조합은 대비 검사 도구로 WCAG AA 기준을 확인하세요.

더 부드럽거나 더 선명한 무작위 색을 얻으려면 어떻게 하나요?

여기서는 모든 RGB 값이 같은 확률로 나오므로 결과가 탁한 색부터 선명한 색까지 섞여 있습니다. 마음에 드는 색을 색상 변환기에 복사해 채도를 낮추면 부드러운 톤, 높이면 선명한 톤이 되며, 팔레트 생성기로 그 색에서 조화로운 조합을 만들 수도 있습니다.

기능

사용 방법

이 도구에 대하여

자주 묻는 질문

관련 도구