색 이름에도 사연이 있다 — ‘Storied Colors’로 보는 색 명명의 역사

색에도 이름이 있고, 그 이름엔 사연이 있다

CSS 좀 만져본 분이라면 red, blue 말고도 tomato, rebeccapurple, papayawhip 같은 희한한 색 이름을 본 적 있을 거예요. 이런 ‘이름 붙은 색(named colors)’들을 모아 그 뒷이야기까지 정리한 ‘Storied Colors’라는 프로젝트가 있어요. 이름처럼 ‘사연 있는 색들의 도감’인 셈이에요.

색에 이름을 붙이는 건 생각보다 깊은 주제예요. 우리는 보통 색을 #FF6347 같은 숫자(헥스 코드)로 다루지만, 사람은 숫자를 기억 못 해요. 대신 ‘토마토색’, ‘하늘색’처럼 이름으로 기억하죠. 그래서 색 이름은 기술과 문화가 만나는 재미있는 지점이에요.

CSS 색 이름은 사실 좀 엉망이었다

여기 재밌는 역사가 하나 있어요. 우리가 지금 쓰는 CSS의 색 이름들, 그 뿌리는 1980년대 X11이라는 유닉스 윈도우 시스템으로 거슬러 올라가요. 당시 개발자들이 주변 물건의 색을 보고 즉흥적으로 붙인 이름들이 그대로 표준으로 굳어졌거든요. 그래서 체계가 좀 엉성해요.

대표적인 예가 회색이에요. gray와 grey가 둘 다 되는데(영국식·미국식 철자), 정작 색 이름들 사이의 밝기 순서가 직관과 어긋나는 황당한 경우도 있어요. 색 이름을 사람이 손으로 붙이다 보니 생긴 일이죠. rebeccapurple이라는 색은 특히 사연이 있어요. 웹 표준에 기여한 한 개발자의 딸 이름이 ‘Rebecca’였는데, 어린 나이에 세상을 떠난 그 아이를 기리기 위해 CSS 표준에 정식으로 추가된 보라색이에요. 색 이름 하나에 이런 이야기가 담겨 있다는 게 뭉클하죠.

비슷한 시도들, 그리고 이 프로젝트의 매력

색을 모아 정리하는 프로젝트는 전에도 있었어요. 페인트 회사들의 색상표, 일본의 전통색(和色)을 모은 사이트, 디자이너들이 쓰는 Pantone(팬톤) 색 체계 같은 것들이요. 개발자 도구 중에는 임의의 색을 가장 가까운 이름으로 바꿔주는 ‘color-namer’ 같은 라이브러리도 있고요.

‘Storied Colors’가 다른 점은 ‘이야기’에 방점을 찍었다는 거예요. 단순히 색과 코드만 나열하는 게 아니라, 그 색이 왜 그런 이름을 갖게 됐는지 맥락을 함께 보여주죠. 색을 ‘데이터’가 아니라 ‘문화’로 바라보는 접근이에요. 이런 큐레이션은 만들기는 까다로워도, 한번 보면 기억에 오래 남아요.

한국 개발자에게 주는 작은 영감

이게 당장 업무 생산성을 높여주는 도구는 아니에요. 그래도 프론트엔드나 디자인을 하는 분들에겐 의외로 쓸모가 있어요. 디자인 시스템에서 색에 이름을 붙일 때(primary, accent 같은), 어떻게 이름 지어야 헷갈리지 않을지 고민하게 되거든요. CSS 색 이름의 ‘엉성한 역사’는 그 자체로 좋은 반면교사예요.

더 큰 영감도 있어요. 이런 프로젝트는 거창한 기술이 아니라 ‘하나의 주제를 끝까지 파고든 애정’으로 만들어졌다는 점이에요. 개발자의 사이드 프로젝트가 꼭 대단한 서비스일 필요는 없어요. 좋아하는 주제 하나를 정성껏 정리한 작은 사이트도 충분히 사람들에게 가닿거든요. 포트폴리오로도, 또 만드는 재미로도 의미가 있고요.

한 줄로 정리하면, ‘Storied Colors’는 무심코 쓰던 색 이름 뒤의 이야기를 들려주는 사랑스러운 도감이에요. 여러분의 코드 속 색은 어떤 이름으로 불리고 있나요? 혹시 #3498db 같은 숫자로만 부르고 있다면, 한번쯤 이름을 붙여주는 건 어떨까요?