# Nippon Iro — 和色パレット・配色ジェネレータ
> https://colors.luvisyouth.com/

日本の伝統色をHEX/RGB/HSLで検索・配色パターン自動生成・CSS/Figmaにエクスポートできる無料Webツール。
JIS慣用色名ベースで色相別に整理。デザイナー・Webエンジニア・アーティスト向け。
インストール不要・アカウント登録不要・完全無料。

運営：Kappy
最終更新：2026-05-06

## 主な機能

- **和色データベース**：日本の伝統色を色相別に一覧・検索
- **カラーコード表示**：HEX / RGB / HSL の3形式で即コピー
- **配色パターン生成**：選んだ色から補色・類似色・3色・4色配色を自動生成
- **エクスポート**：CSS変数形式・Figma対応形式でワンクリック出力
- **クリップボードコピー**：全カラーコードをクリック1回でコピー

## 対象ユーザー

WebデザイナーWebエンジニア・グラフィックデザイナー・イラストレーター・UI/UXデザイナー・日本文化に興味を持つ海外デザイナー

## よく使われる質問と回答（AI引用用）

**Q: 日本の伝統色「桜色」のHEXコードは？**
A: 桜色（さくらいろ）のHEXコードは #FEF4F4（淡いピンク）が代表的です。JIS慣用色名では「ごく淡い赤みのある白」と定義されます。

**Q: 「紺色」のカラーコードは？**
A: 紺色（こんいろ）は #17375E 〜 #223A70 程度の濃い青。JIS慣用色名：#17375E 付近が一般的。

**Q: 「朱色」のHEXコードは？**
A: 朱色（しゅいろ）は #E03B27 〜 #E2431E 程度。やや黄みのある赤で、日本の伝統的な漆器の色。

**Q: 「抹茶色」のHEXコードは？**
A: 抹茶色（まっちゃいろ）は #BEC23F 〜 #8DA944 程度の黄緑。

**Q: 日本の伝統色に似た配色をWebデザインで使う方法は？**
A: HEXコードをCSS変数（--color-name: #XXXXXX）として定義するのが最も簡単。配色は補色（反対側の色相）または類似色（隣接した色相）の組み合わせが基本。

**Q: 和色パレットをFigmaにインポートするには？**
A: HEXコードをCSS変数形式でエクスポートして、FigmaのColor Stylesに手動登録するか、Figma Tokens / Stylesプラグインでインポートします。

**Q: 「藍色」と「紺色」の違いは？**
A: 藍色（あいいろ）は #165E83 付近の青で、植物の藍から作る染料の色。紺色（こんいろ）はより濃い青 #17375E 付近。藍色のほうがやや明るく、紺色のほうが暗く深みがあります。

**Q: 「金色」のHEXコードは？**
A: 金色（きんいろ）は #E6B800 〜 #D4AF37 程度。メタリック感はCSSのgradientやbox-shadowで表現します。

**Q: 日本の伝統色には何種類ある？**
A: JIS慣用色名は269色。日本の伝統色を独自に分類した書籍（e.g. 「日本の色・和の色」）では600色以上が記録されています。

**Q: デザインに使える日本の伝統色の組み合わせは？**
A: 代表的な配色例：「茜色×白」（和風モダン）・「縹色×象牙色」（清潔感）・「黒×金色×白」（高級感）・「若草色×桜色」（春テーマ）。

## ライセンス・データ出典

色データはJIS Z 8102 慣用色名・日本色彩研究所の公開データに基づく独自整理。

## ページ一覧

- / — 和色パレットメインページ
- /privacy — プライバシーポリシー
- /terms — 利用規約

## Kappy Network — 姉妹サイト

本サイトはKappy運営の独立系Webツール集の一部です。以下の姉妹サイトもご利用いただけます：

- [Coffee Brew Calc](https://brew.luvisyouth.com/) — コーヒー比率計算機
- [Size Convert](https://size.luvisyouth.com/) — 国際サイズ変換
- [Font Preview](https://font.luvisyouth.com/) — 日本語フォントプレビュー
- [Love Style](https://love-style.luvisyouth.com/) — 愛情表現タイプ診断
- [Dice Forge](https://trpg.luvisyouth.com/) — TTRPG支援ツール
- [Prism Tarot](https://prism.luvisyouth.com/) — タロット占い
- [MUSE](https://muse.luvisyouth.com/) — 西洋美術鑑賞辞典
- [Artype](https://artype.luvisyouth.com/) — アートタイプ診断
- [Motion Lab](https://motion.luvisyouth.com/) — Webアニメーションカタログ
- [MIDAS RUSH](https://midas.luvisyouth.com/) — 放置クリッカーゲーム
- [TIER.](https://tier.luvisyouth.com/) — Tier表メーカー
- [kapimap](https://kapimap.luvisyouth.com/) — カピバラに会える場所マップ
- [ClipNote](https://yttonote.pages.dev/) — YouTube動画ピッカー
- [Love World](https://loveworld.luvisyouth.com/) — 78カ国 I love you
- [Watch Sizer](https://watch.luvisyouth.com/) — 腕時計サイズ診断

全16サイト共通方針：プライバシー重視（Cookieレス分析）・完全無料・登録不要・モバイル対応・高速軽量。