floor05

룰렛 돌리기

항목만 넣으면 돌림판이 바로. 점심 메뉴·벌칙·당첨자를 공정하게.

돌림판을 돌려보세요

점심 메뉴, 벌칙, 당첨자를 정할 때. 가중치를 높이면 그 항목이 더 자주 나옵니다. 결과는 crypto 난수로 정해지며, 모든 처리는 브라우저에서 이루어집니다.

점심 메뉴가 안 정해질 때, 벌칙 받을 사람을 뽑을 때, 당첨자를 고를 때 돌림판 하나면 깔끔합니다. 항목만 적어 넣고 돌리면 됩니다. 특정 항목이 더 잘 나오게 가중치도 줄 수 있습니다.

룰렛 사용법

항목 칸에 후보를 적습니다(예: 한식·중식·일식). '돌리기'를 누르면 돌림판이 회전하다 멈추고, 위쪽 화살표가 가리키는 항목이 당첨입니다. 항목은 최대 12개까지 추가할 수 있습니다.

각 항목 옆 숫자는 가중치입니다. 기본은 모두 1로 공평하지만, 어떤 항목을 더 자주 나오게 하고 싶으면 숫자를 키우면 됩니다. 가중치가 2이면 1인 항목보다 두 배 자주 나옵니다.

회전은 연출, 당첨은 난수

돌림판이 도는 동안 결과가 정해지는 게 아닙니다. '돌리기'를 누른 순간 당첨 항목이 브라우저 난수로 확정되고, 회전은 그 항목 앞에 화살표가 오도록 멈추는 연출일 뿐입니다. 그래서 '한 바퀴만 더 돌면 바뀔까' 같은 여지는 없습니다.

가중치를 다르게 줬다면 그만큼 부채꼴 넓이가 달라집니다. 넓이와 확률이 정확히 비례하도록 계산하니, 화면에서 넓어 보이는 칸이 실제로도 그만큼 자주 걸립니다.

당첨 숫자는 어떻게 뽑히나

당첨을 정하는 숫자는 브라우저에 내장된 암호학적 난수 발생기(crypto.getRandomValues)에서 나옵니다. 흔히 쓰는 Math.random과 달리 앞뒤 값을 넘겨짚기 어렵게 설계돼 있어, 누가 언제 돌리든 특정 항목 쪽으로 결과가 쏠릴 틈이 없습니다.

뽑은 숫자를 항목 수로 곧장 나누면 앞쪽 칸이 아주 조금 더 자주 걸리는 치우침(모듈로 편향)이 남습니다. 이 룰렛은 편향이 생길 구간의 값을 버리고 다시 뽑아 그 미세한 차이까지 지웁니다. 가중치도 소수 대신 정수로 환산해 더하므로, 부채꼴 넓이와 실제 확률이 누적 오차 없이 맞아떨어집니다. 이 계산은 페이지와 함께 받는 공개 코드에 적혀 있어 직접 열어 확인할 수 있습니다.

이럴 때 돌리고, 이런 오해는 접어 두기

후보가 여럿인 점심·회식 메뉴, 벌칙이나 청소 당번, 소규모 경품처럼 '여럿 중 하나'를 골라야 할 때 어울립니다. 여러 사람이 한 화면을 보며 돌리면 결과를 다 같이 동시에 확인하니 시비가 줄어드는 것도 장점입니다.

가끔 '아까 그 메뉴가 또 나왔다'며 룰렛이 특정 항목에 치우친 것 아니냐 묻습니다. 하지만 매 회전은 앞선 결과와 무관하게 새로 뽑히기 때문에, 같은 항목이 연달아 나오는 것도 정상 범위입니다. 주사위를 굴려 6이 두 번 잇따라 나오는 것과 다르지 않습니다.

자주 묻는 질문

룰렛에 항목을 몇 개까지 올릴 수 있나요?

2개부터 12개까지 올릴 수 있습니다. '항목 추가'로 칸을 늘리고 ✕ 버튼으로 지웁니다. 다만 항목이 너무 많으면 부채꼴이 좁아 읽기 어려우니, 6~8개 안팎이 보기 좋습니다.

메뉴 하나만 더 자주 나오게 하고 싶어요.

각 항목 옆 가중치 숫자를 올리면 그 항목의 부채꼴이 넓어져 더 자주 걸립니다. 예를 들어 가중치를 3으로 두면 1인 항목보다 세 배 자주 나옵니다.

돌릴 때마다 결과가 정말 새로 정해지나요?

네. '돌리기'를 누를 때마다 브라우저가 새 난수를 뽑아 당첨을 정합니다. 앞선 결과나 회전 속도와는 무관하게, 매번 처음부터 다시 뽑습니다.

돌린 항목이 어딘가 기록되나요?

아니요. 후보와 결과는 룰렛이 도는 동안만 화면에 있다가 창을 닫으면 지워집니다. 오늘 누가 벌칙에 걸렸는지는 남는 데가 없습니다.

룰렛 돌리기 도구가 불편하셨거나 이런 기능이 있으면 좋겠다 싶으신가요? 피드백 남기기

floor05 다른 도구

이미지 압축

서버 전송 없이 브라우저에서 바로. 목표 용량 설정, 일괄 압축까지.

사용하기

이미지 리사이즈

px, %, SNS 프리셋으로 크기 조절. 인스타, 유튜브, 네이버 블로그까지.

사용하기

포맷 변환

PNG, JPG, WebP, AVIF 자유롭게 변환. BMP·GIF·SVG·HEIC 입력까지, 투명 배경 처리도.

사용하기

HEIC → JPG

아이폰 사진을 JPG로 변환. 회원가입 없이 무제한 무료.

사용하기

JPG → PNG

JPG를 무손실 PNG로. 투명 배경이 필요한 편집 작업 전에.

사용하기

WebP → JPG

안 열리는 WebP를 JPG·PNG로. 웹에서 받은 이미지를 바로 열게.

사용하기

이미지 크롭

원하는 영역만 자르기. 1:1, 4:3, 16:9 비율 프리셋.

사용하기

이미지 합치기

여러 사진을 세로·가로로 한 장에. 캡처 이어붙이기까지.

사용하기

워터마크 넣기

텍스트·로고를 사진 위에. 위치·투명도·반복까지, 여러 장 일괄.

사용하기

이미지 회전·반전

세로로 찍힌 사진을 바로. 90도 회전·좌우/상하 반전, 서버 전송 없이.

사용하기

사진 모자이크

얼굴·차번호·개인정보를 드래그로 가리기. 모자이크·블러, 파일은 서버로 안 갑니다.

사용하기

인스타 9분할

한 장을 3×3으로 나눠 ZIP으로. 인스타 그리드 피드 만들기.

사용하기

이미지 색상 추출

사진을 클릭해 색을 추출. 대표 색 팔레트와 HEX 코드까지.

사용하기

EXIF 삭제

사진의 위치·촬영정보(EXIF)를 제거. 올리기 전에 GPS·기기 정보를 지웁니다.

사용하기

파비콘 만들기

이미지로 favicon.ico와 각 사이즈 아이콘·매니페스트를 한 번에. ZIP으로.

사용하기

글자수 세기

공백·바이트·원고지·자소서 글자수를 한 번에. 붙여넣으면 바로 계산.

사용하기

연봉 실수령액

2026년 4대보험·세금을 떼고 매달 통장에 찍히는 금액. 부양가족까지 반영.

사용하기

퇴직금 계산기

입사일·퇴사일과 월급으로 퇴직금을 바로. 평균임금·상여·연차수당 반영.

사용하기

주휴수당 계산기

시급과 주 근로시간으로 주휴수당·주급·월급 환산까지. 2026년 최저시급 기준.

사용하기

대출이자 계산기

원금·금리·기간으로 월 상환액과 총이자를. 원리금균등·원금균등·만기일시 비교.

사용하기

예적금 이자 계산기

예금·적금 만기 수령액을 단리·복리로. 이자소득세 15.4% 뗀 세후 금액까지.

사용하기

부가세 계산기

공급가액에 부가세 10%를 더하고, 합계금액에서 역산까지 양방향으로.

사용하기

만 나이 계산기

생년월일만 넣으면 만 나이·연 나이·띠를 바로. 다음 생일 D-Day까지.

사용하기

D-Day 계산기

목표일까지 며칠 남았는지, 그날부터 며칠 지났는지. 100일·1000일·기념일까지.

사용하기

음력 양력 변환

음력 생일을 올해 양력으로, 양력을 음력으로. 윤달·간지까지 반영.

사용하기

BMI 계산기

키·몸무게로 체질량지수와 비만도를. 대한비만학회 기준 구간·표준체중 범위까지.

사용하기

기초대사량 계산기

기초대사량(BMR)과 하루 권장 칼로리(TDEE). 감량·유지·증량 목표 칼로리까지.

사용하기

배란일 계산기

마지막 생리일과 주기로 배란 예정일·가임기·다음 생리일을. 입력은 저장되지 않습니다.

사용하기

임신 주수 계산기

마지막 생리일로 현재 임신 주수와 출산예정일을. 삼분기·진행률까지.

사용하기

평수 변환

평을 제곱미터(㎡)로, ㎡를 평으로 양방향 즉시 변환. 분양·전용면적 안내까지.

사용하기

길이 변환

cm·인치·m·피트·mm·km를 한 화면에서 즉시 변환. 어느 칸에 넣어도 바로.

사용하기

온도 변환

섭씨·화씨·켈빈을 양방향 즉시 변환. 화씨 100도가 몇 도인지 바로.

사용하기

이미지 PDF 변환

여러 사진을 한 PDF로. 순서 조정, 용지(A4)·여백 옵션까지. 서버 전송 없이.

사용하기

PDF 합치기

여러 PDF를 하나로 병합. 순서를 바꿔가며. 파일이 서버로 전송되지 않습니다.

사용하기

PDF 분할

원하는 페이지만 추출하거나, 모든 페이지를 낱장으로. ZIP 일괄 다운로드.

사용하기

색상 코드 변환

HEX·RGB·HSL·CMYK를 양방향 즉시 변환. 색을 고르면 코드가 바로, 복사도 한 번에.

사용하기

색상 대비 검사

두 색의 명도 대비를 WCAG 기준으로. 글자 가독성·웹접근성 AA·AAA 통과 여부까지.

사용하기

CSS 그라데이션

색을 고르면 CSS 그라데이션 코드를. 방향·색 정지점 조절, 실시간 미리보기.

사용하기

사다리타기

이름과 결과를 넣고 한 번에. 경로 애니메이션으로 공정하게, 조작 없이.

사용하기