요약
사람이 지은 색 이름 31,993개를 저마다의 색 자리에 걸어 두고 둘러보게 한 사이트입니다.
오픈소스 색 이름 목록 Color Names를 관리하는 개발자 meodai가 만든 사이트입니다. 여러 사람이 함께 모은 이름을 해당 색이 있는 자리에 띄워 두었고, 이름이나 16진수 코드(#ff0000처럼 색을 숫자로 적는 방식)로 찾아볼 수도 있습니다.
왜 중요한가
- 숫자 코드 대신 사람이 읽을 수 있는 이름으로 색을 가리킬 수 있게 해 주는 공개 데이터입니다.
- MIT 라이선스로 풀려 있어 npm 패키지(자바스크립트 라이브러리 묶음)나 무료 API로 누구나 자기 도구에 넣어 쓸 수 있습니다.
핵심 내용
- 이름은 이용자 제출에 위키백과, xkcd 색 설문, CSS 색 이름, 물감·크레용 회사 목록 등을 합쳐 모았습니다.
- 이름과 색 값의 중복은 물론 거의 같은 색까지 검사하고, 사람이 모든 항목을 검토합니다.
- AI가 지어낸 이름은 되도록 받지 않는다는 방침입니다.
- 이름이 RGB 공간에 고르게 퍼지도록 관리합니다. 가까운 색을 찾을 때 여러 색이 한 이름으로 몰리지 않게 하려는 것입니다.
- 5달러부터 색 하나를 입양해 후원자로 이름을 올릴 수 있고, 색마다 한 번만 입양할 수 있습니다.
HN 반응
- 구별되지 않는 빨강 여러 개에 이름을 따로 붙이면 혼란만 커진다는 비판에, 표준이 아니라 모아 둔 수집본일 뿐이라는 반론이 맞섰습니다.
- 게임 개발에서 오류 메시지에 숫자 대신 이 이름을 2년째 쓴다는 경험담이 있었지만, 확대·축소 애니메이션이 지나쳐 이름 하나 보기도 번거롭다는 불평도 나왔습니다.
이름 짓는 방식으로는 근본적으로 쓸 수 없고 오해만 부르는 접근입니다. 예를 들어 #ff0000, #fe0002, #ff0d00 이 빨강 세 개는 눈으로 봐서는 똑같은데도 이름이 다 다릅니다. 이름 낭비일 뿐 아니라, 16진수 이름보다도 못합니다. 16진수라면 최소한 0.0...1%의 사람은 값을 머릿속으로 섞어 볼 수 있고, 그보다 많은 0.0..%는 차이가 아주 작다는 것쯤은 알아볼 테니까요. 빨강에 미세한 차이를 설명하는 수식어(예: 1% 더 밝은)를 붙이는 이름 체계와 비교하면 더더욱 못합니다.
맞는 말입니다. 그리고 그 초과밀 영역에는 이름을 더하지 않는 것도 똑같이 중요하고요.
README를 보면 이건 확정된 이름을 정해 주자는 제안이 아니라 이름을 모아 놓은 것입니다. 동네 철물점 페인트 코너에 가 보세요. 오프화이트 계열 하나에 이름이 수백 개씩 붙어 있는 걸 보실 수 있어요.
같은 색에 이름이 여러 개면 뭐가 문제죠?
제가 보기엔 사람이 아니라 컴퓨터처럼 생각하고 계신 것 같은데요.
제가 보기엔 당신은 아예 생각을 안 하시는 것 같네요. 이름이 늘어나도 컴퓨터는 아무 문제 없어요. 헷갈리는 건 사람이죠. 그리고 "같은 색에 다른 이름"이 있는 것도 아니에요. 예를 들어 빨강에는 "Red"라는 유일한 이름이 있고, 이 데이터는 이름과 색 조합이 겹치지 않도록 일부러 중복을 제거해 놨잖아요. 왜 그랬을 것 같으세요? 한번 생각해 보세요.
헷갈릴 일은 전혀 없습니다. 보통 사람은 색 하나에 이름이 여러 개일 수 있다는 걸 아주 잘 이해합니다. 대부분의 사람은 최소한 두 가지 언어를 쓰니까요.
헷갈리는 건 당신이에요. 이름이 여러 개일 수 있다는 걸 이해하느냐는 여기서 중요한 게 아닙니다. 그걸 이해하려면 생각을 하고, 올바른 방향으로 이끌려고 던진 제 질문에 답해 보려고 해야 하는데 말이죠.
색을 전문으로 다루는 사람은 색이 어떻게 섞이고 서로 어떤 관계인지로 생각하는 편이 낫습니다. 저도 그렇게 하고, 아마 당신도 그러겠죠.
보통 사람은 색 이름을 씁니다. 기억할 수 있는 색 이름의 수에는 사실상 한계가 없고, 특히 거의 다 실제 사물에서 따온 이름이라 더 그렇습니다. 연어색, 스펀지케이크색, 와인 레드, 올리브, 네온 핑크 같은 것들이죠. 같거나 아주 비슷한 색에 이름이 여러 개 있어도 문제가 없습니다. 숫자 대신 이름을 쓸 때는 정확하게 짚어 낼 필요가 없으니까요.
다만 이 프로젝트에서 사람들이 붙인 색 이름은 대부분 품질이 낮아서 어디에서도 자리 잡지 못할 겁니다. "Silent Breeze"나 "Energize" 같은 것들이요.
대부분의 사람은 색 이름 256개도 기억하지 못합니다. 그리고 그건 8비트 색상만 따졌을 때 얘기고요. 자주 쓰거나 좋아하는 흔한 색 몇 개 주변의 이름 몇 가지 정도는 기억할지 몰라도, 그게 한계입니다.
먼셀 색상 테스트에 나오는 100가지 색을 다 기억할 수 있다고 생각하신다면, 어디 한번 전부 말해 보세요. 물론 컴퓨터, 도표, 실제 먼셀 색상 테스트 샘플은 보지 않고요.
저는 먼셀 색상 테스트를 봤고, 한 개도 안 틀리고 만점으로 통과했습니다. 그래도 거기에 들어 있었을 법한 색 이름은 대여섯 개도 대지 못합니다.
이름 짓기는 세상에서, 그리고 컴퓨터 과학에서 가장 어려운 문제 중 하나입니다. 네임스페이스도 같은 이유로 어렵고요.
"보통 사람"들하고 색 얘기를 해 보신 적 있나요? 그 사람들은 색을 정말 못 다뤄요. 헷갈리기 시작하는 한계는 꽤 낮은 숫자이고, 이 데이터베이스의 3만 2천 개보다는 확실히 몇 자릿수 낮습니다.
"정확하게 짚어 낼 필요가 없다"며 명확성이라는 가치를 무시할 때만 그렇죠. 그런데 그러면 이 데이터베이스는 대체 무슨 쓸모가 있나요??? 게다가 이 DB는 중복 제거가 돼 있어서 당신의 논거가 적용되지 않아요. 그러니 중복 제거가 부족한 부분을 짚는 건 정당합니다.
그건 또 다른 실패죠. 하지만 자리 잡은 Turquoise(터키석색) 같은, 품질이 낮은 실제 색 이름들과 크게 다르지도 않아요.
관련 있고 재미있는 것으로, CSS 색 이름에 맞춰 "양자화"한 색상환이 있습니다. https://arantius.github.io/web-color-wheel/
와, 이 댓글란 분위기가 별로네요.
얼마 전에 제 개인 웹사이트 색을 제대로 맞춰 보려다가 놀랐는데, 16진수 코드가 딱 1만 바뀌어도 제가 다르게 인지하고 느낌도 다르게 받더라고요. 저만 그런 건지, 아니면 이 색이 유독 잘 보이는 건지는 확인하지 못했지만, 안 좋은 것까지 포함해 모니터 몇 대로 테스트해 봤습니다. 그러니까 평소보다 오래 들여다보며 고른 특정 16진수 코드에는 사람이 어떤 감정을 가질 수 있다는 거죠.
그런데 중앙에 이런 목록을 모으는 발상이 뭔지는 궁금합니다. 아주 구체적인 색 몇 개를 쉽게 가리키려는 건가요? 색을 둘러보려는 건가요? 사람들이 색에 부여하는 의미를 둘러보려는 건가요? 이 목록이 궁극적으로 이상적인 형태가 되면 모든 색이 들어가야 할까요? 좋은 이름과 나쁜 이름은 뭐가 다를까요?
저는 주로 제 도구에서 쓰다 보니 16진수 값 이상의 용도가 됩니다. 제가 전달할 수 있는 무언가를 담으려는 거죠... 팔레트에 아주 비슷한 색이 들어 있을 때가 있는데, 그럴 때 이름이 다르면 맞는 것 같아요.
이게 생각나네요. https://www.thedoghousediaries.com/1406
제가 기억하는 색 이름은 rebeccapurple 하나뿐이에요.
그 이름 뒤에는 쓸쓸하지만 아름다운 사연이 있죠.
https://meyerweb.com/eric/thoughts/2014/06/19/rebeccapurple/
저는 HN에 온 지 그리 오래되지 않았는데, 여기 올라온 글에 눈물이 난 건 이번이 처음이에요. 정말 따뜻한 이야기네요. 앞으로 제 프로젝트에는 rebeccapurple을 조금씩 넣어 두려고요.
대단하네요! 픽셀 아트 모드도 좋고, 3D로 이리저리 움직이며 확대할 수 있는 것도 좋습니다. 색의 세계와 재미난 작은 미술 작품, 그리고 C-3PO의 빨간 팔 같은 레퍼런스를 탐험하는 기분이에요.
픽셀 아트가 필요할 때마다 여기로 돌아올 것 같아요!
처음에는 괜찮은 콘셉트 같았는데, 몇 번 클릭해 보니 이 픽셀 아트는 누가 그린 거죠?..
작품을 도용당한 그 모든 아티스트들의 것이겠죠? 저장소에는 벌써 claude도 들어와 있고요.
요즘 발표되는 프로젝트마다 이런 게 다 망쳐 놓습니다. "몇 년에 걸친 작업"이라는 말도 믿지 않아요. 요즘은 금방 찍어낼 수 있으니까요. 생성된 이름도 마찬가지고요. LLM이 이름을 지어내는 데는 몇 분이면 충분할 거예요. 스팀 넥스트 페스트에서 슬롭 아트와 고지 문구가 붙은 게임을 아무도 안 들여다보는 것과 똑같습니다. 이미 그 정도로 슬롭이면, 끝까지 슬롭이 아니라고 믿을 이유가 별로 없죠.
전후 시대 자동차에 쓰던 색 이름도 추가해 주실 수 있을까요?
예를 들어 우리 아버지는 Saluki Bronze 색 포드 코티나를 타셨는데, 그게 Polished Turd(윤 나는 똥)보다 듣기 좋아서 마케팅 담당자들이 그 이름을 골랐습니다. 후자가 더 정확했는데도요.
당시 자동차 색은 전부 상상력 넘치는 이름이 붙어 있었습니다. 그런데 색은 빛에 따라 달라지니까, RGB 값 하나로 정하는 건 늘 좀 순진한 면이 있죠.
발표는 아주 인상적입니다. 다만 Saluki Bronze가 없으면 쓸 만한 도구나 확실한 자료라고 하기엔 모르겠네요.
오, 자동차 페인트! 좋은 생각이에요! PS: Saluki Bronze는 다음 버전에 들어갈 겁니다.
마음에 들어요.
꽤 재밌네요! 고맙습니다.
GitHub는요?
https://github.com/meodai/color-names
아, 직접 만드신 거군요! 감사합니다.
저는 이 데이터셋을 2년째 쓰고 있어요. 게임 개발에 정말 도움이 됐습니다. 특히 오류 메시지나 팔레트 모델링 같은 곳에서 16진수 값 대신 단어를 쓸 수 있다는 게 좋아요. "Blunt Violet"이 "0x8d697a"보다 훨씬 이해하기 쉽거든요.
저는 단순한 유클리드 거리로 쓰는 색마다 가장 가까운 이름을 찾습니다. 점검 차원에서 게임이 돌아가는 동안 이름에 연결한 색을 전부 추적하고, 한 이름에 색이 둘 이상 연결되면 경고 메시지가 뜨게 해 뒀어요. 컬러 피커를 만지작거릴 때 말고는 그 경고가 뜬 적이 없으니, 이름 사이의 지각적 간격이 아주 잘 잡혀 있다는 뜻입니다.
원하시면 API에서 deltaE 기준으로도 반환해 드립니다. https://api.color.pizza/
애니메이션이 너무 많네요. 클릭해서 이름을 몇 개 보고 싶었는데, 스페이스 마운틴처럼 확대했다 축소했다 하는 게 너무 짜증 나서 대신 이 댓글을 남깁니다.
데이터 출처나 매핑은 다를 수 있지만, 이쪽이 더 쓰기 편하실 수도 있어요. https://www.color-blindness.com/color-name-hue/
동감입니다. 색을 탭하면 이름이 잠깐 나타났다가 애니메이션을 시작하려고 숨겨지고, 닫기 버튼이 애니메이션으로 나타날 때까지도 기다려야 해요. 콘셉트는 정말 재밌고 정보가 로딩되는 걸 기다리는 건 괜찮은데, 이미 로딩된 정보를 보려고 색을 탭할 때마다 기다려야 하는 건 좀 심합니다.