whynotdark

'절반 밝기'로 고른 회색이 실제로 몇 %인지 직접 맞춰 보는 실험

실험실험밝기 지각, 감마, 과학 탐구

whynotdark 열기 GitHub

어떤 사이트인가요

흰색 기준을 보며 슬라이더로 절반 밝기의 회색을 맞추면, 그 회색의 실제 빛의 세기와 밝기 지수 a를 계산해 보여 줘요. 모은 기록은 CSV로 저장하고 결과 분석 페이지에서 해석까지 읽을 수 있어요.

왜 만들었나요

화면의 픽셀값을 50%로 낮추면 눈에도 절반으로 보일까, 하는 의문에서 시작한 과학 페임랩 탐구예요.

장비를 따로 만들 비용이 부담돼서 실험 도구 자체를 웹사이트로 만들었어요. 발표에서 바로 시연하고, 친구와 선생님 10명의 예비 실험 기록을 모으는 데 썼습니다.

할 수 있는 것

  • 흰색 기준과 회색 조절 패널을 비교하며 절반 밝기 맞추기 (값은 공개 전까지 숨겨져요)
  • 선택한 픽셀값의 실제 밝기(%)와 지수 a 자동 계산
  • 참가자 번호와 회차로 기록하고, 기록 관리 페이지에서 수정·CSV 저장·불러오기
  • 예비 실험 12건으로 보는 결과 분석·해설 페이지 (수식 읽는 법, 그래프, 해석, 한계)
  • 슬라이더 대신 손들기로 해 보는 모드와 발표 모드, 단축키
  • 사이트 QR 코드 만들기와 결과 그래프 PNG 저장

이름의 유래

'왜 어둡지 않을까?'라는 질문을 그대로 이름으로 했어요. 숫자로는 절반인 회색이 실제 빛으로는 50%보다 어두울 것이라는 가설을 한 문장으로 담았습니다.

알아 둘 점

  • 실험은 화면이 sRGB로 보정되어 있다고 가정해요. 기기, 화면 밝기, 주변 조명에 따라 값이 달라질 수 있어요.
  • 내장된 예비 실험은 12건(10명)이라 결과를 일반화하기는 어려워요.

쓴 기술

  • HTML·CSS·JavaScript (외부 라이브러리 없음)
  • SVG 그래프
  • 브라우저 localStorage
  • qrcode-generator

최근 업데이트

    • 결과 분석·해설 페이지를 추가하고 메뉴 이름을 '결과 분석 및 해설'로 바꿨어요. 모바일에서는 메뉴를 옆으로 밀어 볼 수 있어요.

다른 프로젝트