入力データはサーバーに送信されますか?

いいえ。すべてブラウザ内で完結します。色データは静的 JSON、検索もブラウザ内のフィルタ処理のみで、外部 API は使いません。

「伝統色 / 和色」って何ですか?

**伝統色 (でんとうしょく)** または **和色 (わいろ)** は、日本で古くから親しまれてきた色名と色合いの体系。万葉集の時代から伝わる **茜色** (アカネ草で染めた赤)、平安貴族が愛した **紫**、武家が好んだ **紺**、江戸時代の町人が流行らせた **江戸紫** や **浅葱色** など、染料・染色法・歴史的逸話に基づく **数百種類** の色名があります。JIS (日本工業規格) Z 8102:2001 では 269 色が公式に定義されています。

JIS と Nippon Color Index で値が違うんですが?

**JIS Z 8102:2001** は公的規格でマンセル値の対応も明示されていますが、伝統色の本来の色は **染料・媒染・年代** で大きく揺れるため、複数の現代解釈が存在します。本ツールは JIS を優先しつつ、JIS にない色 (近代に名付けられた **新橋色** など) は Nippon Color Index や歴史的資料から補完。**微妙な差異** はディスプレイ表示の限界もあるため、参考値として扱ってください。

「新撰組の浅葱色」って何の話?

幕末の **新撰組** が、戦死覚悟を示す **「浅葱色 (あさぎいろ)」** の羽織を制服にしていた逸話。淡い藍緑色で、当時は罪人や切腹する武士の装束に使われていた色を逆に誇示することで、覚悟を示したとされます (近藤勇が考案)。現代の歴史小説・大河ドラマでも頻出するエピソード。

色の系統 (family) はどう分けてる?

**7 系統**: 赤・黄・緑・青・紫・茶・無彩 (白黒灰)。これは現代の色相環ベースのざっくり分類で、伝統的な五色 (青・赤・黄・白・黒) や十二支対応の伝統色論ではありません。**茜系の中の赤と橙の境** などは判断が分かれるので、複数系統に登場する色 (例: 蜜柑色は赤系扱い) もあります。

「HEX に近い色」の距離計算は?

**RGB ユークリッド距離** で計算 (Δ = √((R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²))。簡単・直感的ですが **人間の知覚と完全には一致しない** ことに注意 (青系の差分は小さく感じる、緑系は敏感、など)。より精密にやるなら CIE Lab 色空間の ΔE 2000 を使うべきですが、本ツールは「だいたい近い和色を 8 件出す」用途なので RGB で十分。

ローマ字検索の表記は?

**ヘボン式** に近い表記 (`akane-iro`、`asagi-iro`、`rikyu-nezu`)。長音記号 (ō / ū) は使わず o / u で代用、ハイフン区切り。`akane`、`asagi`、`rikyu` のような前半一致で検索 OK。海外ユーザー向け。

和色を CSS で使うときは?

**HEX 値をそのまま使う** だけで OK (例: `color: #9E2236; /* 茜色 */`)。Tailwind では custom color として `tailwind.config` の `theme.extend.colors` に追加するか、`text-[#9E2236]` のように arbitrary value で。複数の和色をパレットに組み込んだ製品例: 着物 EC サイト、和食レストランの Web デザイン、観光地のブランディング、和ゲームのアセットなど。

もっと多くの色を収録してほしい

現在 **110+ 色** で、よく使われる代表的な色を網羅していますが、JIS 269 色全部や、より細かい四十八茶百鼠 (江戸の流行色名) などはまだ未収録。報告フォーム (ページ下部) でリクエストください。データソースとして信頼できる出典 (JIS / 公的資料 / 学術書) があるとマージしやすいです。

日本語へ戻る

日本の伝統色 (和色) 検索 — 名前 / 読み / HEX で双方向

**茜色 (あかねいろ)・浅葱色 (あさぎいろ)・利休鼠 (りきゅうねず)** など、**日本の伝統色 110+** を漢字・読み・ローマ字・HEX で双方向検索。色の系統 (赤・黄・緑・青・紫・茶・無彩) でフィルタ、由来説明 (アカネ草・新撰組羽織・利休が好んだ色など) も併記。HEX を入れれば **RGB 距離で最も近い和色 8 候補** を提案。デザイン・小説・伝統工芸・着物コーディネートで重宝。

日本語

使い方

日本の **伝統色 (和色)** を 3 つの **モード** で検索: (1) **名前で検索** — 漢字 (`茜色`)、読み (`あかねいろ`)、ローマ字 (`akane`) のいずれかでマッチ。(2) **HEX に近い色** — `#C53D43` を入れると **RGB 距離** で最も近い和色を 8 件提案。(3) **系統別** — 赤 / 黄 / 緑 / 青 / 紫 / 茶 / 無彩から選択して一覧表示。各エントリは **kanji 名 + 読み + ローマ字 + HEX 値 + 由来 (アカネ草の染料、新撰組の羽織色、利休が好んだ色など)** を併記。デザイン制作 (Web / ポスター)、伝統工芸、和服コーディネート、小説の描写などで重宝。**110+ 色** を収録 (JIS Z 8102:2001 と Nippon Color Index を参考)。

詳細解説

デザイン作業に入力する「センスある色名」の情報価値

伝統色 (和色) を検索するとき、入力する単語はデザイナーやクリエイターが今まさに取り組んでいる作品の方向性を示しています。「浅葱色」を探しているならば幕末・侍モチーフ、「利休鼠」なら茶道・和風モダン、「桜色」なら春季プロモーションといった具合に、検索履歴はそのまま制作中のプロジェクト情報になります。クライアント企業名や納品前の商品コンセプトが推測できる情報を、外部サービスに渡すことは避けたいものです。

また、HEX 値を入力して「最も近い和色を探す」機能では、自社ブランドカラーや未発表の配色パレットを入力するケースがあります。競合に知られる前のブランディング情報が、検索ログとして残ってしまう可能性を考えると、ブラウザ外に出さない仕組みは意味を持ちます。

オンライン色見本サービスを使うときの構造的なリスク

Web 上には多くの色名検索サービスがあります。無料で使いやすいものほど、広告配信や利用分析のために入力パターンを収集していることがあります。「どの配色を誰が検索したか」という情報は、マーケティングリサーチとして価値があるため、収集動機がないとは言い切れません。

さらに利用規約に、入力された検索クエリや生成した配色を「サービス改善のために利用できる」と定めているケースもあります。善意のサービスであっても、ログが存在する以上は情報漏えいリスクが構造的に残ります。

静的 JSON とブラウザ内フィルタで完結する仕組み

このツールでは、110+ 件の伝統色データを静的 JSON としてページ本体に同梱しています。名前検索・HEX 距離計算・系統フィルタのすべてがブラウザ内の JavaScript で処理されます。RGB ユークリッド距離の計算式 (Δ = √((R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²)) もサーバー側で走ることはありません。ページを開いた後は、DevTools の Network タブを確認していただくと、色名検索のたびに通信が発生しないことがわかります。

データの出典は JIS Z 8102:2001 と Nippon Color Index を参考にしており、データそのものも JavaScript バンドルとして配信済みです。追加の API 呼び出しが発生しない設計のため、入力した HEX 値や検索ワードが外部に送られる経路がありません。

配色作業の前に確認するチェックリストとして

デザイン作業でこのツールを使う場合、「クライアント向けプレゼン資料に使う和色を選ぶ」「未公開商品の配色パレットを伝統色で補完する」といった用途が考えられます。どちらも作業中の機密情報が絡む場面です。外部送信なしで即座に色名・HEX・由来を確認できる環境を整えておくことで、配色の都度オンラインサービスに頼る習慣をなくせます。

HEX 値で最も近い和色を探す機能は、既存のブランドカラーを和色体系に位置付けるときにも使えます。自社カラーの HEX を入力する際、ブラウザ内で処理が完結するかどうかを事前に確認しておくことは、情報管理の観点から意味のある習慣です。

「色名」の規格化と RGB 距離計算の本当の意味

「和色」と一括りに呼んでいる色は、実は複数の標準が併存しています。本ツールが採用している JIS Z 8102:2001 (「物体色の色名」) は 269 色の慣用色名を定義しており、そのうち和の伝統色を抜き出した 147 色が「日本の伝統色」のコアセットになります。一方で、染色家・吉岡幸雄の編纂した「日本の伝統色」(2000 年刊) や、Nippon Color Index のような書籍別データセットは独自の色定義を持ち、同じ色名でも HEX が #E6B8B8 (JIS) と #E8B4B5 (吉岡) のように微妙に異なります。本ツールでは JIS Z 8102:2001 と Nippon Color Index の中間的な値を採用していますが、印刷物・染色見本帳との厳密な照合には日本色研事業 (JCRI) の色票や DIC カラーガイド「日本の伝統色」を別途参照することをお勧めします。

HEX 距離計算 (Δ = √((R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²)) は RGB 空間内のユークリッド距離ですが、これは人間の知覚距離と一致しません。たとえば緑 → 黄緑の差より青 → 紫の差の方が知覚的には大きく感じます。より知覚に近い距離計算には Lab 色空間 (CIELAB) での ΔE76 や ΔE2000 を使うのが正確ですが、本ツールは実装と読込速度を優先して RGB ユークリッドを採用しています。ブランドカラーマッチの厳密性が必要な場面では、結果上位 8 候補を手で見比べて選ぶ運用が現実的です。HEX/RGB/HSL の相互変換が必要な場合は color-converter を、Web 用のスキーム配色を組みたい場合は color-harmony を併用できます。

印刷・Web・着物・伝統工芸での色再現の差異

同じ「藤色 (#C8A2D8)」を指定しても、出力先によって見え方は大きく変わります。Web の sRGB ガモットに収まる和色でも、印刷工程の CMYK 4 色分解では紫系・茶系・くすんだ中間色の再現性が落ち、特に DIC・PANTONE 系の特色 (スポットカラー) を使わない通常印刷では「浅葱色 (#02A4A4)」のような彩度の高い青緑がトーンダウンします。着物・染色の世界では染料の組成・布地の素材 (絹・木綿・麻) によってさらに見え方が変わり、紅花染め や 藍染め のように同じ色名でも染回数で色相が連続的に変化します。

伝統工芸の現場で和色名を扱う場合、#XXXXXX の HEX 値は 発色目標 であって完成品の保証ではありません。たとえば茶道の世界で「利休鼠 (#888E7E)」を指定するとき、釉薬・抹茶碗の素地・釉下の白化粧 (どれを下地にするか) で実際の発色は数段階変わります。本ツールが提示する HEX は「これくらいの方向性」という参照点として活用し、最終工程ではサンプル現物 (反物・染め見本・釉薬テストピース) で確認するワークフローが安全です。Web カンプの色も sRGB → AdobeRGB → ディスプレイのキャリブレーションで二段階変換が走るため、デザイナーへの仕様共有では HEX に加えて和色名を併記すると意図が伝わりやすくなります。

よくある質問

入力データはサーバーに送信されますか?: いいえ。すべてブラウザ内で完結します。色データは静的 JSON、検索もブラウザ内のフィルタ処理のみで、外部 API は使いません。
「伝統色 / 和色」って何ですか?: **伝統色 (でんとうしょく)** または **和色 (わいろ)** は、日本で古くから親しまれてきた色名と色合いの体系。万葉集の時代から伝わる **茜色** (アカネ草で染めた赤)、平安貴族が愛した **紫**、武家が好んだ **紺**、江戸時代の町人が流行らせた **江戸紫** や **浅葱色** など、染料・染色法・歴史的逸話に基づく **数百種類** の色名があります。JIS (日本工業規格) Z 8102:2001 では 269 色が公式に定義されています。
JIS と Nippon Color Index で値が違うんですが?: **JIS Z 8102:2001** は公的規格でマンセル値の対応も明示されていますが、伝統色の本来の色は **染料・媒染・年代** で大きく揺れるため、複数の現代解釈が存在します。本ツールは JIS を優先しつつ、JIS にない色 (近代に名付けられた **新橋色** など) は Nippon Color Index や歴史的資料から補完。**微妙な差異** はディスプレイ表示の限界もあるため、参考値として扱ってください。
「新撰組の浅葱色」って何の話?: 幕末の **新撰組** が、戦死覚悟を示す **「浅葱色 (あさぎいろ)」** の羽織を制服にしていた逸話。淡い藍緑色で、当時は罪人や切腹する武士の装束に使われていた色を逆に誇示することで、覚悟を示したとされます (近藤勇が考案)。現代の歴史小説・大河ドラマでも頻出するエピソード。
色の系統 (family) はどう分けてる?: **7 系統**: 赤・黄・緑・青・紫・茶・無彩 (白黒灰)。これは現代の色相環ベースのざっくり分類で、伝統的な五色 (青・赤・黄・白・黒) や十二支対応の伝統色論ではありません。**茜系の中の赤と橙の境** などは判断が分かれるので、複数系統に登場する色 (例: 蜜柑色は赤系扱い) もあります。
「HEX に近い色」の距離計算は?: **RGB ユークリッド距離** で計算 (Δ = √((R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²))。簡単・直感的ですが **人間の知覚と完全には一致しない** ことに注意 (青系の差分は小さく感じる、緑系は敏感、など)。より精密にやるなら CIE Lab 色空間の ΔE 2000 を使うべきですが、本ツールは「だいたい近い和色を 8 件出す」用途なので RGB で十分。
ローマ字検索の表記は?: **ヘボン式** に近い表記 (`akane-iro`、`asagi-iro`、`rikyu-nezu`)。長音記号 (ō / ū) は使わず o / u で代用、ハイフン区切り。`akane`、`asagi`、`rikyu` のような前半一致で検索 OK。海外ユーザー向け。
和色を CSS で使うときは?: **HEX 値をそのまま使う** だけで OK (例: `color: #9E2236; /* 茜色 */`)。Tailwind では custom color として `tailwind.config` の `theme.extend.colors` に追加するか、`text-[#9E2236]` のように arbitrary value で。複数の和色をパレットに組み込んだ製品例: 着物 EC サイト、和食レストランの Web デザイン、観光地のブランディング、和ゲームのアセットなど。
もっと多くの色を収録してほしい: 現在 **110+ 色** で、よく使われる代表的な色を網羅していますが、JIS 269 色全部や、より細かい四十八茶百鼠 (江戸の流行色名) などはまだ未収録。報告フォーム (ページ下部) でリクエストください。データソースとして信頼できる出典 (JIS / 公的資料 / 学術書) があるとマージしやすいです。

「送らない」を確かめるには

このツールは入力データを外部に送信しません。仕組み・監査手順・運営方針は以下で詳しく説明しています。

類似のツール

色名検索 — HEX / RGB に近い CSS / Tailwind 色名を探す

HEX (`#3b82f6`) や CSS 色名 (`tomato`) を入力すると、最も近い CSS 色名 (148 色) と Tailwind パレット (22 色 × 11 階調) の中から類似度順に並べて表示します。RGB 距離で照合、各候補に swatch + 色名 + HEX + 距離スコアを表示。デザイントークンの命名、チーム間で色を口頭で伝える、近似の Tailwind クラスを見つけたい、といった用途に。すべてブラウザ内で処理されます。

開発色

カラー変換 — HEX / RGB / HSL / HSV を相互

HEX・RGB・HSL・HSV をリアルタイムに相互変換できるカラーピッカー付きツール。どの欄を編集しても他の 3 表記が即座に追従。すべてブラウザ内で動作し、入力した色情報は外部に送信されません。

開発色変換

配色ハーモニー生成 (補色 / 三色 / 四色配色ほか)

ベース色 (HEX) から色彩理論に基づく 7 種類の配色を一括生成: 補色 (complementary)・類似色 (analogous)・三色配色 (triadic)・四色配色 (tetradic)・スプリット補色 (split-complementary)・スクエア (square)・モノクロマティック (5 段階明度)。HSL 色相環で角度を計算、各スウォッチクリックで HEX コピー。デザインシステム / ロゴ / Web サイトのテーマカラー設計に。

画像色

西暦 ⇄ 和暦変換 — 明治・大正・昭和・平成・令和

西暦と和暦 (明治・大正・昭和・平成・令和) をモード切替で双方向に変換します。年だけでも年月日でも入力可能。元年 (1 年) の表記や改元境界 (例: 2019-05-01 → 令和元年5月1日) にも対応。辞書ダウンロード不要で、すべてブラウザ内で完結。

日本語変換時刻