Japanese traditional color search (wairo) — name / reading / HEX bidirectional

The information value of creative colour searches

When a designer searches for a traditional Japanese colour by name, the query itself reveals the project they are working on. Searching for asagi-iro (pale indigo-cyan) hints at a samurai or Meiji-era theme; rikyu-nezumi suggests a tea-ceremony or wabi aesthetic; sakura-iro points to spring marketing. Search history is therefore a readable record of creative direction — something that may be sensitive before a client campaign is public.

The ‘closest to HEX’ feature takes this one step further. Inputting a precise HEX to find the nearest wairo often means typing an unpublished brand colour or an unreleased product palette. Sending that value to a third-party server, even for a colour lookup, leaves a log of information that was not intended to be shared.

The structural risk of online colour lookup services

Free colour reference sites often fund themselves through ad targeting and analytics, giving them a business incentive to log what colours users search for and in what sequence. Some services include terms that allow them to use ‘user input for service improvement’, which can mean your brand palette becomes training data.

Even a well-intentioned service has server logs. Any network request is a potential disclosure — not because operators are malicious, but because logs exist and can be subpoenaed, breached, or sold with a business acquisition.

How this tool stays inside your browser

The entire wairo dataset — 110+ colours with kanji names, kana readings, romaji, HEX values, and etymological notes — is compiled into a static JSON file and bundled with the page. Keyword search, HEX nearest-neighbour lookup (Euclidean RGB distance Δ = √((R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²)), and family filter all run as in-browser JavaScript. Open DevTools Network tab while using the tool: after the initial page load no further requests fire, regardless of what you type or which HEX you enter.

The data itself is sourced from JIS Z 8102:2001 and the Nippon Color Index and is delivered with the JavaScript bundle — no API call is ever needed to retrieve or rank colours.

Using it as a colour-selection checklist

In practice, this tool fits naturally into two sensitive creative moments: picking wairo for a client presentation before the pitch, and finding traditional-colour complements for an unreleased product palette. Both involve confidential context you would not want logged externally. Keeping a browser-only colour reference in your workflow removes the need to reach for an online service each time you need a reading or HEX value.

If you regularly work with Japanese branding, a simple habit is worth building: before typing any brand HEX into a colour tool, check whether the lookup stays local. This tool does.

Standards behind the colour names and the limits of RGB distance

The term “Japanese traditional colours” actually covers several overlapping standards. This tool draws from JIS Z 8102:2001 (“Names of non-luminous object colours”), which defines 269 colour names — 147 of which are the traditional wairo subset. Alternative sources like Sachio Yoshioka’s “Nippon-no-Dento-iro” (2000) and book-format colour indices use slightly different hex values for the same names, so 浅葱色 may appear as #02A4A4 in one reference and #00A1A6 in another. The values bundled here sit between JIS Z 8102:2001 and the Nippon Color Index; for strict colour matching against printed swatches, consult Japan Color Research Institute (JCRI) chips or DIC Color Guide “Japanese Traditional Colours” series in parallel.

The Euclidean RGB formula Δ = √((R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²) measures distance in the sRGB cube, but that distance does not correspond to perceptual difference. Humans perceive blue–purple gaps as larger than green–yellow-green gaps of the same Euclidean magnitude. A perceptually accurate match would use Lab colour space with ΔE76 or ΔE2000. The tool sticks with Euclidean RGB for speed and bundle-size reasons; for brand-matching work where precision matters, treat the top 8 results as candidates to compare visually rather than as a ranked truth. For HEX / RGB / HSL conversion and palette generation, color-converter and color-harmony handle those steps locally.

Reproduction differences across web, print, kimono, and traditional crafts

The same colour name renders differently across output media. A web sRGB display of 藤色 (#C8A2D8) shifts in CMYK four-colour offset printing — purple, brown, and muted neutral tones lose saturation without DIC or PANTONE spot colours, and a vivid wairo like 浅葱色 (#02A4A4) flattens considerably. In dyeing, the substrate (silk, cotton, hemp) and the dye chemistry (紅花 safflower, 藍 indigo) drive ongoing colour shifts: indigo darkens with each dip, and safflower needs an acid wash to lock the colour. Same name, very different actual appearance.

For craft and printing workflows, treat the bundled hex as a target direction, not a guaranteed output. A tea-ceremony reference to 利休鼠 (#888E7E) on a ceramic glaze depends on the body composition, the slip, and the firing temperature — the hex tells the artisan which family of greys you want, not what comes out of the kiln. Pair the hex with the traditional name when communicating with designers and craftspeople: the name carries the cultural intent that pure numerics cannot.