게임 방법
화면 왼쪽에 무작위 목표 색이 나타나고 오른쪽 상자에는 지금 슬라이더가 만든 색이 실시간으로 표시됩니다. R(빨강), G(초록), B(파랑) 슬라이더는 모두 0부터 255까지 움직이며 매 라운드 시작 때 중간값 128에 놓입니다. 목표와 같다고 느껴지면 ‘이 색상으로 제출하기’를 누르세요. 제출하는 순간 목표 색의 정확한 RGB 값, 내가 고른 값, 채널별 차이(내 값에서 정답을 뺀 값)가 표로 공개됩니다. 차이가 +이면 그 채널을 너무 올린 것이고 −이면 덜 올린 것이므로, 다음 라운드의 감각을 바로잡는 데 쓸 수 있습니다. 총 5라운드이며 총점의 이론상 최댓값은 500점입니다. 제출 뒤 정답을 확인하고 ‘다음 라운드’ 버튼을 눌러 넘어가는 방식이라 결과를 천천히 살펴볼 수 있습니다.
RGB 색상은 어떻게 만들어지나요?
모니터와 스마트폰 화면은 빨강·초록·파랑 세 종류의 발광 소자를 서로 다른 밝기로 켜서 색을 만듭니다. 이를 가산 혼합이라고 하며, 물감을 섞을수록 어두워지는 감산 혼합과 정반대로 빛은 섞을수록 밝아집니다. 각 채널은 8비트, 즉 256단계(0~255)로 표현되어 가능한 색의 가짓수는 256 × 256 × 256 = 16,777,216가지입니다. 세 값이 모두 0이면 검정, 모두 255이면 흰색, 세 값이 같으면 회색 계열이 됩니다. 빨강과 초록을 최대로 섞으면 노랑(255, 255, 0), 초록과 파랑은 청록(0, 255, 255), 빨강과 파랑은 자홍(255, 0, 255)이 되는데, 이 조합은 물감 삼원색의 직관과 달라 처음엔 헷갈리기 쉽습니다. 웹에서 쓰는 #RRGGBB 표기는 같은 값을 16진수 두 자리씩 적은 것입니다. 예를 들어 (200, 80, 40)은 #C85028입니다. 숫자와 색을 서로 바꿔 보고 싶다면 색상 변환기를 함께 써 보세요.
점수는 이렇게 계산됩니다
게임은 세 채널의 차이를 각각 절댓값으로 구해 더한 뒤(차이 합계, 0~765), 최댓값 765에 대한 비율을 100점에서 뺍니다. 식으로 쓰면 점수 = 100 − 차이 합계 ÷ 765 × 100을 반올림한 값이며 0점 아래로는 내려가지 않습니다. 채널 하나가 1 어긋날 때마다 약 0.13점이 깎이는 셈입니다. 아래 표는 이 식을 그대로 돌려 점수 구간마다 허용되는 차이 합계의 상한을 계산한 것입니다.
| 받으려는 점수 | 차이 합계 상한 | 세 채널 평균 허용 오차 |
|---|---|---|
| 99점 이상 | 11 | 채널당 약 3.7 |
| 98점 이상 | 19 | 채널당 약 6.3 |
| 95점 이상 | 42 | 채널당 약 14.0 |
| 90점 이상 | 80 | 채널당 약 26.7 |
| 80점 이상 | 156 | 채널당 약 52.0 |
| 70점 이상 | 233 | 채널당 약 77.7 |
| 60점 이상 | 309 | 채널당 약 103.0 |
| 50점 이상 | 386 | 채널당 약 128.7 |
표에서 눈여겨볼 점은 100점 만점이 매우 까다롭지만 90점은 의외로 쉽다는 것입니다. 90점 이상이면 세 채널이 각각 평균 약 27(합계 80 이내)씩만 벗어나도 되지만 (256단계 중 약 10%), 99점을 받으려면 합계 11 이내, 즉 채널당 4 정도로 줄여야 합니다. 육안으로는 구분되지 않는 차이까지 따져야 하는 구간입니다.
| 세 채널이 모두 어긋난 크기 | 차이 합계 | 점수 |
|---|---|---|
| ±1 | 3 | 100점 |
| ±2 | 6 | 99점 |
| ±5 | 15 | 98점 |
| ±10 | 30 | 96점 |
| ±15 | 45 | 94점 |
| ±25 | 75 | 90점 |
| ±40 | 120 | 84점 |
| ±64 | 192 | 75점 |
검산 예시 3개
- 목표 (200, 80, 40), 제출 (180, 100, 60): 차이는 20 + 20 + 20 = 60, 점수는 100 − 60 ÷ 7.65 ≈ 92점입니다. 세 채널 모두 20씩 빗나가도 90점대 초반이 나옵니다.
- 목표 (255, 0, 0) 순수한 빨강을 슬라이더를 건드리지 않은 채(128, 128, 128) 제출하면 차이는 127 + 128 + 128 = 383, 점수는 50점입니다. 채색이 극단적인 목표는 중간값에서 출발하는 이 게임에서 가장 멀기 때문에 점수가 낮은 편입니다.
- 목표 (30, 200, 90), 제출 (60, 170, 90): 차이 30 + 30 + 0 = 60, 점수 92점입니다. 한 채널만 정확히 맞아도 나머지 두 채널의 오차가 그대로 점수에 반영됩니다.
참고로 슬라이더를 전혀 움직이지 않고 제출했을 때의 평균 점수는 가능한 목표색 16,777,216개를 전부 계산하면 약 74.9점입니다. 즉 75점 안팎이 ‘아무것도 안 한 기준선’이고, 그 위로 얼마나 올리느냐가 실력입니다.
빠르게 색을 맞추는 요령
목표 색을 눈으로 보고 세 슬라이더를 동시에 맞추려 하면 어렵습니다. 먼저 가장 두드러진 채널을 정하세요. 붉은 계열이면 R을 크게 올리고, 밝고 연한 색이라면 세 채널이 모두 높고 서로 가깝다는 뜻이며, 어둡고 탁한 색이라면 세 채널이 모두 낮습니다. 세 값의 차이가 작을수록 무채색에 가까워지므로, 채도가 낮아 보이는 색은 채널 간 간격을 좁히는 쪽으로 움직이면 됩니다. 한 번에 한 채널씩 조정하고 그때마다 내 색 상자를 목표 상자와 맞대어 비교하면 효율적입니다. 한 가지 더, 사람의 눈은 일반적으로 초록 계열의 밝기 차이에 비교적 민감하다고 알려져 있어 G가 조금 어긋난 것이 R이나 B가 어긋난 것보다 더 눈에 띌 수 있습니다. 하지만 이 게임의 점수는 세 채널을 동일하게 취급하므로, 눈에 거슬리는 정도와 점수가 항상 일치하지는 않는다는 점을 기억하세요.
주변 환경도 영향을 줍니다. 화면 밝기, 야간 모드나 블루라이트 필터, 모니터 색 보정 상태에 따라 같은 값도 다르게 보이고, 목표 상자 주변의 배경색이 인접한 색의 인상을 바꾸는 동시 대비 효과도 있습니다. 그래서 같은 사람이 같은 기기에서 플레이해도 점수 편차가 생기고, 다른 기기의 점수와 직접 비교하기는 어렵습니다. 색의 기본 원리가 궁금하다면색채 이론 기초 가이드를 참고하세요.
한계와 알아둘 점
- 점수 공식은 각 채널의 단순 차이를 더하는 방식이라, 사람이 느끼는 색 차이(지각적 거리)와는 다를 수 있습니다. 어두운 색의 작은 차이와 밝은 색의 같은 차이가 다르게 보이기도 합니다.
- 난수는 브라우저의 Math.random을 사용하므로 매번 다른 색이 나오지만 보안용 난수는 아닙니다. 점수와 기록은 서버로 전송되거나 저장되지 않으며, 페이지를 새로 고치면 처음부터 시작합니다.
- 이 게임은 색 감각을 가볍게 즐기는 용도이며 색각 이상(색맹·색약) 진단과는 무관합니다. 색 구분이 어렵게 느껴진다면 색맹 테스트로 참고용 확인을 해 볼 수 있으나 정확한 진단은 안과 검사가 필요합니다.
색 감각을 키우는 연습 순서
처음 몇 판은 점수보다 ‘어느 채널이 어느 방향으로 틀렸는가’를 읽는 데 쓰세요. 제출 뒤 표에 나오는 R·G·B 차이의 부호가 모두 +라면 전체적으로 너무 밝게 만든 것이고, 모두 −라면 너무 어둡게 만든 것입니다. 부호가 섞여 있다면 색조(어느 색 계열인가)를 잘못 짚은 경우가 많습니다. 예를 들어 R은 +인데 B가 −라면 목표보다 붉은 쪽으로 치우친 것이고, G만 −라면 초록이 부족해 자주색에 가까워진 것입니다. 이 패턴을 라운드마다 기록해 두면 자신이 어떤 방향으로 습관적으로 틀리는지 알 수 있습니다. 두 번째 단계로는 슬라이더 하나만 움직여 밝기를 먼저 맞추고(세 슬라이더를 함께 올리는 대신 가장 큰 채널부터), 그다음에 나머지 두 채널의 비율을 조절해 보세요. 마지막으로 점수를 90점 이상으로 안정시키는 것을 목표로 삼으면 충분합니다. 채널당 평균 약 27 이내의 오차이므로 육안 비교만으로도 노려 볼 만한 수준입니다(화면 설정에 따라 달라질 수 있습니다). 그 이상의 정밀도는 모니터 설정과 눈의 피로에 크게 좌우되어, 같은 기기에서 같은 시간대에 비교해야 의미가 있습니다.
자주 묻는 질문
점수는 어떻게 계산되나요?
목표와 내 색의 R, G, B 차이를 절댓값으로 합산해 최댓값 765에 대한 비율을 100점에서 뺍니다. 세 값이 완전히 일치하면 100점, 가장 먼 조합이면 0점이며 5라운드를 합산해 최대 500점입니다.
왜 슬라이더가 매번 128에서 시작하나요?
모든 목표색에 공평하게 출발선을 맞추기 위해서입니다. 128은 0~255의 중간이라 어느 방향으로든 최대 128만큼 움직이면 도달할 수 있고, 아무것도 건드리지 않은 평균 기준선은 약 74.9점입니다.
제출한 뒤에는 수정할 수 없나요?
네, 제출하면 그 라운드의 점수가 확정되고 슬라이더가 잠깁니다. 대신 정답 RGB와 채널별 차이가 공개되므로 다음 라운드에서 어느 채널을 더 조심할지 판단할 수 있습니다.
색맹이어도 즐길 수 있나요?
색 구분이 어려운 분은 슬라이더 숫자와 제출 후 공개되는 채널별 차이를 단서로 연습할 수 있습니다. 색 접근성은 색약 친화적 디자인 가이드에서도 확인해 보세요.
같은 색이 연속으로 나오기도 하나요?
목표색은 R, G, B를 각각 0~255에서 독립적으로 무작위 추첨하므로 이론상 같은 색이 다시 나올 수 있지만, 가능한 조합이 천육백만 가지가 넘어 사실상 일어나지 않습니다.
함께 보면 좋은 도구
- 다른 색 찾기 스피드 게임: 미묘한 명도·색조 차이를 알아보는 훈련
- 컬러 팔레트 생성기: 맞춘 색을 바탕으로 어울리는 조합 만들기
- 색상 변환기: RGB, HEX, HSL 값을 서로 바꿔 보기