사용 방법
- 색 개수(1~10개)를 정하면 페이지를 열자마자 무작위 팔레트가 만들어집니다.
- 새로 만들기 버튼이나 Space 키를 누를 때마다 새 색이 나옵니다.
- 마음에 드는 색은 오른쪽 위 자물쇠를 눌러 잠그세요. 잠근 색은 그대로 두고 나머지만 바뀝니다.
- 분위기로 파스텔·선명한·어두운 색만 뽑을 수 있고, 표시 형식을 HEX·RGB·HSL 중에서 골라 하나씩 또는 팔레트 전체를 복사합니다.
색을 뽑는 방법
| 분위기 | 방법 |
|---|---|
| 아무 색 | 빨강·초록·파랑 각각 0~255를 고르게 뽑음 — 화면에 표시할 수 있는 16,777,216색 중 하나 |
| 파스텔 | 색상각은 아무 데나, 채도 45 |
| 선명한 | 채도 75 |
| 어두운 | 채도 30 |
난수는 브라우저의 crypto.getRandomValues()로 만들고, 범위를 맞출 때 특정 값이 더 자주 나오지 않도록 거절 샘플링을 씁니다. 각 색 아래 코드의 글자색은 배경과의 명도 대비가 더 큰 흰색·검정 중에서 자동으로 고릅니다.
실제 활용 예시
- 발표 자료: 선명한 분위기로 5색을 뽑고, 강조할 색 하나와 배경으로 쓸 색 하나를 잠근 뒤 나머지를 다시 뽑아 어울리는 조합을 찾습니다.
- 일러스트 연습: 아무 색으로 3색만 뽑아 그 색만으로 그려 보는 색 제한 연습에 씁니다.
- 차트 색: 어두운 배경의 대시보드라면 파스텔 분위기에서 고르면 글자와 구분이 잘 됩니다.
주의할 점
- 무작위로 뽑은 색은 서로 어울린다는 보장이 없습니다. 규칙에 맞는 배색이 필요하면 마음에 드는 색 하나를 컬러 팔레트 생성기에 넣어 보색·유사색 조합을 만드세요.
- 글자와 배경으로 쓸 색은 색상 코드 변환기에서 명도 대비를 확인하세요.
- 팔레트는 저장되지 않습니다. 마음에 드는 조합은 팔레트 전체 복사로 보관하세요.
자주 묻는 질문
Space 키가 동작하지 않아요.
입력칸이나 버튼에 커서가 있으면 그 요소가 Space를 먼저 받습니다. 페이지의 빈 곳을 한 번 누른 뒤 Space를 눌러 보세요.
색 개수를 바꾸면 잠근 색이 사라지나요?
개수를 줄이면 뒤쪽 칸부터 사라지고, 늘리면 뒤에 새 색이 붙습니다. 앞쪽에서 잠근 색은 그대로 남습니다.