NIPPON COLORS の日本伝統色データをもとに、各色の日本語名・ローマ字読み・大きなカラースウォッチ・HEX / RGB / CMYK の各値をワンクリックでコピーできるカラーリファレンスツールです。Tailwind CSS 互換のグラデーションスケールも各色に生成されます。
色値のコピー方法
カラーカードにカーソルを合わせると、HEX コード（例：#F2A0A1）、RGB 値（例：242, 160, 161）、CMYK の 4 チャンネル値が表示されます。任意の行をクリックするとその値をクリップボードにコピーできます。各カード右上の円形インジケーターは C・M・Y・K を個別に表しており、1 つをクリックするとそのチャンネルの値だけをコピーします。
グラデーションスケールの使い方
各カード下部のストリップは Tailwind CSS のパレットロジックで生成された明→暗のグラデーションスケールです。任意のステップをクリックするとその HEX 値がコピーされ、Tailwind の設定ファイルやカスタム CSS プロパティにそのまま貼り付けられます。
色名の由来
色名は植物・花・季節・伝統工芸など日本の自然と文化に由来します。いくつか例を挙げます。
- 桜色（さくらいろ） — 桜の花びらの淡いピンク
- 浅葱色（あさぎいろ） — 新選組の羽織にちなむ青緑
- 山吹色（やまぶきいろ） — ヤマブキの花の濃い黄色、歴史的に金と結びつく
一見似た色が多数並びますが、色名には色相・彩度・文化的含意の差が込められており、スウォッチだけでは読み取れない情報が名前にあります。
活用できるシーン
- 和風テーマの Web・アプリ UI で自然な配色を選ぶ
- 文化的な根拠のある色彩言語が必要なブランドアイデンティティ
- 伝統工芸・染織を参照するイラストや印刷物
色名の文化的背景
- 着物・漆器・建築に使われてきた色体系と同じ源流
- 西洋パレットが一括りにする色相の中に独自の名前が存在する
- 平安朝の文学に登場する色彩語彙と同じ系譜
パレットを効率よく使うコツ
色を探す際は一覧を上から下にスクロールするよりも、色系統（赤系・青系・緑系・黄系・紫系・褐色系）でグループを絞り込む方が目的の色に速くたどり着けます。似た色が複数あるときは CMYK 値を比較すると、暖色寄りか寒色寄りかを判断しやすくなります。