Irodori는 모든 계산을 브라우저에서 수행하는 모던 컬러 도구 사이트입니다. 동아시아 전통색 체계(한·중·일·베트남)와 OKLCH 등 지각 균일 색 공간을 연결하고 WCAG 접근성을 최우선으로 다룹니다.
무엇을 만드는가
Irodori는 동아시아 전통 색 체계와 현대의 지각 균일 색 공간을 한 책상에 놓습니다. 사진에서 색을 뽑고, OKLCH로 변환하고, WCAG를 확인하고, 전통 색 이름까지 읽는 동안 — 페이지가 서버와 대화하는 일은 한 번도 없습니다.
툴킷
색 도구 16개와 디자인 시스템 팔레트 14종이 전부 브라우저에서 실행됩니다. 변환, 대비, 색각 시뮬레이션, 팔레트 생성, 그라디언트, ΔE, 스케일 생성, RAL 매핑, 일괄 변환까지. 업로드도 대기열도, 가입도 필요 없습니다.
전통 색
일본·중국·한국·베트남의 전통 색 116가지가 현대 색 라이브러리와 나란히 놓입니다. 이름은 원문 그대로 — 藍, 群青, 송화, thủy — 번역된 색 이름은 더 이상 그 색 이름이 아니기 때문입니다. 색값은 문화 자문가와 검수 중이며 수정될 수 있습니다.
접근성은 설정이 아니라 기능입니다
대비 검사, 색각 시뮬레이션, 충돌 점검은 생성기 옆에 놓였습니다. 뒤에 숨겨지지 않습니다. ΔE 검사를 통과한 팔레트도 이색 시야에는 쓸 수 없을 수 있어 두 수치를 나란히 보여드립니다.
기술
Astro가 빌드 시 모든 페이지를 정적 HTML로 만듭니다. 색 엔진은 브라우저에서 도는 순수 TypeScript이고, Cloudflare Pages Functions은 선택적 계정·공유·API 엔드포인트만 담당합니다. 클라이언트 프레임워크는 쓰지 않습니다. 측정을 허용한 경우에만 불러오는 Google Analytics 4와 Metricskit(둘 다 개인정보 처리방침에 명시) 외의 외부 스크립트와 외부 폰트는 불러오지 않습니다.
누구를 위한 것인가
팔레트를 고르는 디자이너, 색상 변수를 짜는 개발자, 출시한 UI를 검수하는 접근성 담당자, 그리고 전통 색이 화면에서 실제로 어떻게 보이는지 알고 싶은 모든 사람.
데이터의 출처
116개 전통색은 일본·중국·한국·베트남에 태국·티베트·인도·몽골·인도네시아를 더한 아홉 체계의 공개 색명 자료에 기반한 sRGB 근사값이며, 현대 색 라이브러리는 공개 규격을 따릅니다. 변환, 대비, ΔE, 색 단계는 모두 빌드 시점 또는 브라우저 코드로 계산하고 외부 API를 쓰지 않습니다. 각 색 페이지에는 라이브러리 내 순위와 가장 가까운 이웃 색을 표시해 두 색이 얼마나 떨어져 있는지 판단할 수 있습니다.
운영과 정정 절차
사이트는 Steve가 운영하며, 전통색 이름과 문화 속성은 외부 문화 감수자와 함께 확인합니다. 검토 중인 항목을 단정으로 제시하지 않습니다. 색 값 오류, 부적절한 이름, 잘못된 접근성 서술은 steve@irodori.cool로 알려 주세요. 보통 3영업일 안에 답하고, 확정된 수정은 변경 이력과 페이지 날짜에 반영합니다. 근거는 방법 안내 페이지에 정리되어 있습니다.
8개 언어로 만드는 이유
동아시아 전통색의 이름은 그 언어 안에서만 성립합니다. 「藍」「송화」「thủy」를 영어로 옮기면 남는 것은 색 값뿐이고 명명 체계는 사라집니다. 그래서 8개 언어가 각자의 설명문과 UI 문구를 가지며, 하나의 템플릿을 기계 번역하지 않습니다. 유지 비용은 크지만 독자는 자기 언어로 읽습니다. 영어판은 기본판으로서 외부 인용에도 쓰입니다.
업데이트 주기
페이지는 배포할 때마다 갱신되며 「최근 업데이트」는 구조화 데이터의 dateModified와 함께 바뀝니다. 색 값·색 이름·접근성 서술은 분기마다 검토하고, 근거가 분명한 수정은 주기를 기다리지 않고 반영해 변경 이력에 기록합니다.