내가 보는 파랑이 정말 파랑일까? 색깔 경계를 측정하는 웹 실험

색깔에도 경계가 있다고요?

혹시 친구랑 옷 사러 갔다가 "이거 파란색이야", "아니 이건 초록색인데?" 하고 말다툼해 본 적 있으세요? 분명 같은 화면을 보고 있는데 누구는 파랑이라고 하고 누구는 초록이라고 하는 그런 상황 말이에요. ismy.blue 라는 웹사이트가 바로 그 미묘한 감각의 차이를 데이터로 보여주는 실험인데요, 한 번 들어가보시면 단순한 장난 같으면서도 묘하게 빠져들게 됩니다.

사이트는 굉장히 단순해요. 화면에 색깔 하나가 가득 차게 뜨고, 여러분은 그게 "파랑(blue)"인지 "초록(green)"인지만 고르면 돼요. 이걸 수십 번 반복하면 사이트가 여러분만의 "파랑과 초록을 가르는 경계선"을 계산해서 보여줍니다. 그러고 나서 다른 사람들이 평균적으로 어디쯤에서 경계를 두는지와 비교까지 해주는데요, 자기가 평균보다 초록을 넓게 본다거나 파랑을 넓게 본다거나 하는 결과를 받아들면 신기하면서도 약간 충격적이거든요.

색은 어떻게 숫자가 되는가

이 실험을 이해하려면 색이 컴퓨터에서 어떻게 표현되는지를 잠깐 짚고 가야 해요. 우리가 흔히 쓰는 RGB는 빨강·초록·파랑의 빛을 섞어서 색을 만드는 방식인데, 사람의 눈에는 이게 균일하지 않아요. RGB값을 똑같이 10씩 더해도 어떤 구간에서는 색이 확 바뀌고 어떤 구간에서는 거의 차이를 못 느끼거든요. 그래서 이런 실험에는 보통 HSL이나 HSV 같은 색공간을 쓰는데요, 이게 뭐냐면 색을 색상(Hue)·채도(Saturation)·명도(Lightness) 같은 사람이 직관적으로 이해하기 쉬운 축으로 다시 정리한 표현 방식이에요.

ismy.blue는 색상값(Hue)을 일정한 범위 안에서 바꿔가며 보여주고, 사용자의 답변에 따라 다음 질문의 색을 점점 경계 근처로 좁혀갑니다. 이건 사실상 이진 탐색과 비슷한 방식이에요. 한쪽 끝(분명한 파랑)과 반대쪽 끝(분명한 초록)부터 시작해서, 사용자가 헷갈리는 지점을 향해 점점 가운데로 모아가는 거죠. 이렇게 하면 몇십 번의 클릭만으로도 개인의 경계를 꽤 정확하게 추정할 수 있어요. 백엔드 입장에서도 답변마다 한두 개의 정수만 저장하면 되니까 굉장히 가벼운 데이터입니다.

왜 사람마다 다를까

결과가 사람마다 다르게 나오는 데는 여러 이유가 있어요. 가장 근본적인 건 모니터예요. OLED·IPS·TN 같은 패널 종류, 색온도 설정, 주변 조명에 따라 같은 RGB값이라도 눈에 닿는 빛의 파장이 달라지거든요. 어떤 모니터는 채도가 높게 튜닝되어 있어서 같은 값도 더 청록색으로 보이고요. 두 번째는 언어와 문화입니다. 영어 화자에게 "blue"와 "green"의 경계는 비교적 또렷하지만, 어떤 언어권에서는 청록 영역에 별도의 단어가 있어서 인지 자체가 달라요. 한국어로 "파랗다"가 신호등 초록불에도 쓰이는 걸 떠올리면 감이 오실 거예요.

세 번째는 정말 생리학적인 차이입니다. 사람마다 망막의 원추세포 분포가 조금씩 다르고, 일부는 약한 색약을 자각하지 못한 채 살아가기도 해요. 이런 실험을 해보면 자기도 몰랐던 시각 특성이 데이터로 드러날 수 있다는 게 흥미로운 포인트입니다.

비슷한 시도들과 어떻게 다른가

XKCD의 Color Survey가 이 분야의 고전인데요, 수십만 명이 자유롭게 색 이름을 적게 해서 색공간 전체를 라벨로 덮은 큰 데이터셋이에요. ismy.blue는 그것보다 훨씬 좁은 질문, 즉 "파랑 vs 초록" 한 축에만 집중해서 개인의 경계를 측정한다는 점이 다릅니다. 또 The Munsell Hue Test나 X-Rite 색각 검사 같은 전문 도구들도 있지만 이건 직업적인 색채 작업자를 위한 정교한 검사라 일반 사용자에게는 부담스럽거든요. ismy.blue는 그 중간 어디쯤, 놀이처럼 가볍지만 결과가 꽤 의미 있는 자리를 잡았어요.

한국 개발자에게 주는 힌트

이런 작은 사이트가 우리 실무에 던지는 메시지는 생각보다 큽니다. 디자인 시스템에서 "primary blue"라고 정의한 색이 누군가에게는 청록으로 보일 수 있다는 거예요. 특히 그래프, 경고 색상, 상태 표시 같은 UI 요소를 색만으로 구분하면 일부 사용자에게는 정보가 전달되지 않을 수 있죠. 그래서 접근성 가이드라인(WCAG)에서는 색에만 의존하지 말고 아이콘이나 텍스트 라벨을 함께 쓰라고 권장하는 거고요.

또 데이터 시각화를 만든다면 ColorBrewer 같은 검증된 팔레트를 쓰거나, 색약 시뮬레이터(예: Sim Daltonism, Color Oracle)로 한 번씩 점검해보는 습관을 들여보세요. 사용자 설문이나 A/B 테스트를 직접 굴려보고 싶다면 이 사이트의 이진 탐색식 질문 흐름이 좋은 참고가 됩니다. 적은 클릭으로 개인 특성을 빠르게 추정해야 하는 상황, 예를 들어 추천 시스템 초기 온보딩 같은 데에 그대로 응용할 수 있어요.

마무리

색은 객관적인 빛의 파장이지만, "이게 무슨 색이냐"는 답은 모니터·언어·생리·문화가 뒤섞인 주관의 결과물이에요. ismy.blue는 그 주관을 데이터로 끌어내 보여주는 단순하지만 영리한 실험이고요. 여러분의 "파랑"은 어디서 끝나고 "초록"은 어디서 시작되나요? 팀에서 디자인 토큰을 정할 때 이런 경계의 차이를 어떻게 다루고 계신지 댓글로 나눠봐요.